*{ margin: 0; padding: 0; box-sizing: border-box} html, body{ width: 100%; font-family: "Poppins", sans-serif; overflow-x: hidden} :root{ --primary-color: #dd2d36; --secondary-color: #2a317d; --black-color: #000; --white-color: #fff; --light-color: #808080} a{ text-decoration: none; width: max-content} ul{ padding: 0; margin: 0; list-style: none} section{ padding: 5.6vw 0} ::selection{ background-color: var(--primary-color); color: var(--white-color)} .main-heading{ font-size: 40px; font-weight: 600; color: var(--black-color); line-height: 55px} .yellow-heading{ color: var(--primary-color)} .content-para{ color: var(--light-color); line-height: 26px} .sub-heading{ font-size: 22px; font-weight: 400; color: var(--black-color)} .yellow-btn{ color: var(--white-color); background-color: var(--primary-color); text-transform: uppercase; padding: 15px; border: 2px solid var(--primary-color); font-weight: 600; border-radius: 10px; margin-right: 17px} .dark-btn{ color: var(--white-color); background-color: var(--secondary-color); text-transform: uppercase; border: 2px solid var(--secondary-color); font-weight: 600; padding: 15px; border-radius: 10px} .dark_outline-btn{ color: var(--black-color); background-color: transparent; text-transform: uppercase; border: 2px solid var(--black-color); font-weight: 600; padding: 15px; border-radius: 10px} .dark_outline-btn span::after{ border-color: var(--black-color) !important} .tp-btn{ color: var(--white-color); background-color: transparent; border: 1px solid var(--white-color); text-transform: uppercase; font-weight: 600; padding: 15px; border-radius: 10px} .header_main .phone-btn{ color: var(--black-color); margin-right: 10px; border: 1px solid; border-radius: 10px} .phone-btn{ color: var(--white-color); text-transform: uppercase; font-weight: 600; padding: 15px} .bg-image{ background-position: center; background-repeat: no-repeat; background-size: cover} .owl-carousel .owl-item img{ width: auto; margin: auto} .wrapper{ overflow: visible} header{ padding: 1rem 0} .header_main .custom-nav-item .dropdown-menu{ border-radius: 0; padding: 0; left: 60%; right: 0; font-size: 15px; display: none; flex-wrap: wrap; width: 300px; transform: translateX(-50%); background-color: #000} .header_main .custom-nav-item:hover .dropdown-menu{ display: flex} .header_main .custom-nav-item .dropdown-menu ul{ width: 50%} .header_main .custom-nav-item .dropdown-menu li a{ color: #fff; padding: 10px 20px; white-space: nowrap; display: block; border-bottom: 1px solid rgba(255, 255, 255, 0.1); background-color: #000} .header_main .custom-nav-item .dropdown-menu li a:hover{ background-color: var(--primary-color); color: #fff; border-color: transparent} .header_main .custom-nav-item .custom-nav-link{ font-size: 16px; font-weight: 600; color: #231f20; transition: 0.3s; padding: 1rem} .header_btn{ display: flex; align-items: center; justify-content: end} .header_btn .btn_header{ background-image: linear-gradient(20deg, var(--secondary-color) 0%, #222c5e 80%); padding: 1rem 2.2rem; color: var(--white-color); border-radius: 8px; font-weight: 600; transition: all 400ms ease-in-out} .btn_circle span{ display: flex; align-items: center} .btn_circle span::after{ content: ""; position: relative; margin-left: 1rem; width: 18px; height: 18px; display: block; border: 3px solid #fff; border-radius: 50%} .btn_anim:hover{ animation: btnanimation infinite 500ms} .banner-section{ padding: 0; background-repeat: no-repeat; background-position: center center; background-size: cover} .banner-heading{ font-size: 48px; font-weight: 600; color: var(--white-color); text-transform: capitalize} .banner-heading span{ color: var(--primary-color)} .banner-text{ font-weight: 300; font-size: 1.15rem; color: var(--white-color); margin: 1rem 0} .banner-hr{ color: var(--white-color); margin: 2rem 0} .banner-list ul{ columns: 2; padding: 0; font-size: 1rem; font-weight: 300; list-style: none; margin-bottom: 0; color: var(--white-color)} .banner-list ul li{ margin-bottom: 1rem} .banner-list ul li img{ margin-right: 6px} .banner_logos{ margin-top: 2rem} .banner_form-wrapper{ padding: 8vw 0 5vw; position: relative} .banner_form-wrapper::before{ content: ""; width: 100%; height: 100%; display: block; position: absolute; top: 0; z-index: 0; left: 0; background-image: url(../images/form_bg-lines.png); background-repeat: no-repeat; background-size: contain; background-position: center} .banner_form-inner{ background: var(--primary-color); padding: 0.85rem; z-index: 1; border-radius: 2rem; position: relative} .banner_form{ border: 3px solid var(--white-color); border-radius: 1.15rem; padding: 2.15rem 1.85rem; background-color: var(--black-color)} .banner_form-heading{ font-size: 2.3rem; font-weight: 700; color: var(--white-color); text-transform: uppercase; text-align: center; margin-bottom: 0} .banner_form-label{ padding: 0.7rem; width: 100%; margin: 1rem 0; background-color: var(--primary-color); text-align: center; font-size: 1.05rem; position: relative; color: var(--white-color)} .banner_form-label::before{ content: ""; position: absolute; left: 0; top: 0; height: 100%; background-image: url(../images/triangle.svg); background-repeat: no-repeat; background-position: center center; background-size: contain; width: 27px} .banner_form-label::after{ content: ""; position: absolute; right: 0; top: 0; height: 100%; background-image: url(../images/triangle.svg); background-repeat: no-repeat; background-position: center center; background-size: contain; width: 27px; transform: rotate(180deg)} .banner_form-label span{ font-weight: 600; color: var(--black-color)} .banner-form form textarea, .banner-form form input{ padding: 1rem; background-color: #202020; border: 1px solid #3d3d3d; outline: none; font-size: 15px; transition: all 200ms ease-in-out; border-radius: 4px; box-shadow: none; color: var(--white-color)} .banner-form form textarea:focus-visible, .banner-form form textarea:focus, .banner-form form input:focus-visible, .banner-form form input:focus{ border-color: var(--primary-color)} .banner-form form .form-group{ position: relative} .banner-form form label{ position: absolute; left: 10px; top: -10px; font-size: 12px; color: red} .submit-btn{ background-color: var(--primary-color); text-transform: uppercase; outline: none; transition: all 200ms ease-in-out; border: none; border-radius: 4px; font-size: 1.15rem; font-weight: 600; padding: 1rem 0; color: var(--white-color)} .submit-btn:hover{ background-image: linear-gradient(20deg, var(--secondary-color) 0%, #222c5e 80%)} .content-wrapper hr{ margin: 20px 0 36px} .globe-ball{ position: relative} .globe-ball::before{ content: url(../images/wiki-photoroom.png); position: absolute; top: 0; right: -77px; width: 267px; height: 260px} .button-wrapper a{ display: inline-block} .service-tab-title{ font-size: 20px; line-height: 26px} .cta-dark{ background: url(../images/cta-dark.jpg) center / cover no-repeat; padding: 50px 0 15px; position: relative} .cta-dark .main-heading{ color: var(--white-color)} .phone-btn img{ margin-right: 7px} .cta-dark .button-wrapper{ margin: 25px 0} .img-side{ position: absolute; bottom: 0; right: 195px} .cta-dark::before{ content: url(../images/globla.png); position: absolute; top: -95px; left: -60px} .white-second-sec{ position: relative} .white-second-sec::before{ content: url(../images/wiki-photoroom.png); position: absolute; bottom: 0; right: -77px; width: 267px; height: 260px} .white-second-sec .content-para{ color: #000; margin: 20px 0} .white-smoke{ background: url(../images/typo.png) center / cover no-repeat #f9f9f9; padding: 70px 0} .white-smoke .content-wrapper{ text-align: center} .white-smoke .content-wrapper .content-para{ margin-bottom: 35px} .title{ color: var(--primary-color); font-size: 24px; font-weight: 600} .tabs-bg{ background-color: var(--secondary-color); border-radius: 20px; padding: 0; border: none} .tabs-bg .col-md-6{ padding: 0} .white-smoke .nav-pills .nav-link.active{ background: linear-gradient(90deg, var(--secondary-color) 0%, var(--primary-color) 100%); border: 1px solid var(--primary-color); color: var(--white-color)} .white-smoke .nav-pills .nav-link.active img{ filter: brightness(100) grayscale(1)} .white-smoke .nav-pills .nav-link{ color: var(--white-color); border: 1px solid #3d4157; padding: 30px; text-align: center; width: 220px; border-radius: 0; transition: 0.3s} .white-smoke .nav-pills .nav-link h5{ padding-top: 28px; line-height: 30px} .white-smoke .nav-pills .nav-link:first-child{ border-top-left-radius: 20px} .white-smoke .nav-pills .nav-link:nth-child(4){ border-bottom-left-radius: 20px} .bg-img{ background: url(../images/life-office.png) center / cover no-repeat; padding: 5rem 0} .white-smoke .tab-pane{ padding: 0 7rem 0 3rem} .white-smoke .tab-pane h4{ color: var(--white-color)} .white-smoke .tab-pane hr{ color: var(--primary-color)} .cta-yellow{ background: url(../images/cta-yellow.png) 60% / cover no-repeat; padding: 66px 0; position: relative} .cta-yellow .content-wrapper{ text-align: center} .cta-yellow .tp-btn{ border: none} .cta-yellow .phone-btn{ border: 1px solid var(--white-color); border-radius: 10px; text-transform: uppercase; padding: 15px; margin-right: 17px} .cta-yellow::before{ content: url(../images/digital-lecture.png); position: absolute; left: -240px; top: 0} .cta-yellow::after{ content: url(../images/globla-showdow.png); position: absolute; right: -60px; top: 13px} .upadatecta::before{ content: url(../images/updateimg3.png); left: 180px; bottom: -7px; top: auto} .upadatecta::after{ content: url(../images/updateimg2.png); right: 50px} .translationcta::before{ content: url(../images/translationctabefore.png); left: 70px; top: 2.5rem} .translationcta::after{ content: url(../images/translationctaafter.png); right: 50px} .dark-sec{ background-color: #00020c} .box-heading{ color: var(--white-color); font-weight: 500} .dark-sec .content-wrapper{ display: flex; justify-content: center; align-items: center; gap: 20px; padding: 0 3rem} .white-third-sec{ position: relative} .experts-list li{ padding: 8px 0; line-height: 26px; font-weight: 300} .experts-list li span{ font-weight: 500} .white-third-sec::before{ content: url(../images/wiki-photoroom.png); position: absolute; bottom: 260px; left: -203px} h3.tabheading{ color: #fff !important} .cta-linear{ background: url(../images/linerbg.png) center / cover no-repeat} .gelop-icon{ display: flex; justify-content: space-around; align-items: center; margin-top: 2rem; flex-wrap: wrap} li:has(.factBox), .factBox{ position: relative} li:has(.factBox)::before{ content: ""; position: absolute; left: -20px; top: -18px; width: 100px; height: 100px; background: var(--primary-color); border-radius: 18px 18px 18px 0px; opacity: 78%; display: block} .cta-linear .owl-carousel .owl-item{ width: 100%; height: 100px} .factBox .fact_digit{ color: var(--white-color); font-size: 1.5rem; font-weight: 600} .factBox .fact_label{ font-size: 1.15rem; color: var(--white-color)} .contact_section{ background-repeat: no-repeat; background-position: center; background-size: cover} .contact-para{ color: var(--white-color)} .c_form_wrapper{ background-color: var(--secondary-color); border: 1px solid #425168; padding: 2.5rem; border-radius: 10px} .c-form-sub_heading, .c-form-heading{ text-align: center} .c-form-heading{ font-size: 2.3rem; font-weight: 600; color: var(--white-color)} .c-form-sub_heading{ font-size: 1rem; font-weight: 400; color: var(--primary-color)} .c_form_wrapper input, .c_form_wrapper textarea{ padding: 12px 1rem; border-radius: 6px; border: none; outline: none; box-shadow: none; background-color: var(--white-color); color: var(--black-color)} .c_form_wrapper label{ color: var(--white-color)} .contact-content_wrapper{ padding-right: 4rem} .record_section{ padding: 3rem 0} .record_box-wrapper{ position: relative; border-radius: 1rem; color: var(--black-color); overflow: hidden} .record_box-wrapper::before{ content: ""; background-color: transparent; opacity: 0; visibility: hidden; width: 100%; height: 100%; left: 0; top: 0; transition: all 200ms ease-in-out; z-index: 1; position: absolute} .record_box-wrapper:hover::before{ background-color: rgb(255, 154, 2, 0.28); opacity: 1; visibility: visible} .record_box-wrapper:hover .record-box-content{ opacity: 1; visibility: visible} .record-box-content{ width: max-content; display: flex; flex-direction: column; z-index: 2; position: absolute; left: 50%; opacity: 0; transition: all 200ms ease-in-out; visibility: hidden; top: 50%; transform: translate(-50%, -50%); align-items: center; justify-content: center; gap: 10px} .recordBox_heading{ font-size: 1.3rem; font-weight: 600} .reviews_heading{ font-size: 2.5rem; font-weight: 600; text-transform: capitalize; line-height: 1.25; padding-left: 1rem; border-left: 5px solid var(--secondary-color)} .review-meta{ display: flex; align-items: center; gap: 10px} .reviews-wrapper{ background: #f2f2f2; padding: 2.5rem; border: 1px solid #cbcbcb; border-radius: 1rem} .review-meta .review-title{ font-weight: 600; font-size: 1rem; display: flex; flex-direction: column; gap: 5px; align-items: start} .review-meta .review_btn{ margin: 0 0 0 1rem; padding: 8px 12px} .reviews_slider{ overflow: hidden} .faq_section{ background-color: var(--secondary-color)} .faq_section .accordion{ background-color: transparent; display: flex; gap: 1rem; justify-content: space-between; flex-wrap: wrap} .faq_section .accordion .accordion-item{ width: 100%; border-radius: 10px; overflow: hidden} .footer{ padding: 5vw 0 0} .newsletter{ padding: 2.5rem; height: 160px; border-radius: 12px; overflow: hidden; margin-bottom: 8rem} .newsletterHeading{ font-size: 2rem; font-weight: 700} .newsletter_form{ background-color: var(--white-color); display: flex; width: 70%; border-radius: 12px; overflow: hidden} .btn_submit{ border: none} .newsletter_form input[type="email"]{ border: none; outline: none; width: 100%; padding: 1rem} .newsletter_wrapper{ display: flex; justify-content: end} .newsletter .row{ height: 100%} .footer_para{ color: var(--white-color); margin-top: 1rem; font-weight: 300} .footer_title{ font-size: 1.5rem; font-weight: 600; color: #fff; margin-bottom: 1rem} .footer_list{ display: flex; flex-direction: column; gap: 10px} .footer_list li{ transition: all 150ms ease-in-out; width: 100%} .footer_list a{ color: var(--white-color); font-weight: 300; font-size: 1rem; transition: all 150ms ease-in-out} .footer_list li:hover a{ transition: all 150ms ease-in-out; color: var(--primary-color)} .footer_list img{ margin-right: 1rem; margin-bottom: 10px} .footer_main{ margin-bottom: 8rem} .copyright_text{ font-size: 1rem; font-weight: 300; color: var(--white-color)} .footer_copright{ padding: 1rem 0} .social_link_footer{ display: flex; justify-content: end; align-items: center} .social_link{ display: flex; gap: 10px; align-items: center} .contact-us li a span{ background: linear-gradient(90deg, rgba(128, 77, 1, 1) 0%, var(--primary-color) 100%); width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 10px; font-size: 20px} .contact-us li a{ display: flex; align-items: center; gap: 15px} .content-para a{ display: inline-block !important; font-size: 16px} .error-btn a{ background: -o-linear-gradient(left, #fff 0, #e2e2e2 100%); background: linear-gradient(90deg, #fff 0, #e2e2e2 100%); color: #ffffff; background-image: linear-gradient(20deg, var(--secondary-color) 0%, #222c5e 80%); font-size: 16px; display: inline-block; border-radius: 50px; padding: 10px 45px; margin: 0 10px 0 0} .thankyou_sec{ padding: 6rem 0; display: flex; align-items: center; background-color: #fff} .main-thankyou{ text-align: center} .main-content__checkmark{ font-size: 9.75rem !important; line-height: 1 !important; color: var(--secondary-color)} .site-header__title{ font-size: 6.5rem; font-weight: 700 !important; line-height: 1.1} .main-content__body{ margin: 20px 0 0; font-size: 1.25rem; line-height: 1.4} .start_live_chat{ font-size: 20px; background-color: #16171a; padding: 15px 35px; display: inline-block; border-radius: 4px; margin: 20px 0 0; color: white !important; text-decoration: none; border-radius: 50px; line-height: 16px} .maps-section{ background-color: #fff; background-image: url(../images/bg2.png); background-size: contain; background-position: center; background-repeat: no-repeat; padding: 100px 0} .maps-section .section-head h2{ font-size: 45px; text-align: center; line-height: 1.2; font-weight: 800} .icon-bx-wraper{ box-shadow: 0 0 60px 0 rgba(0, 0, 0, .1); padding: 30px; background-color: #fff; border-radius: 10px; position: relative; margin-bottom: 30px; transition: all 1s; text-align: center; cursor: pointer} .icon-content p{ margin-bottom: 0} video#myVideo{ width: 100%} .popcont{ margin-top: 20em} .popup-banner img.popup-side{ position: absolute; bottom: 0; right: 84px; z-index: 2; width: 333px} .popup-banner img{ width: auto} .popup-content h2{ color: #0a752c; font-weight: 900; font-size: 23px; padding: 6px 0} .popup-content h4{ font-size: 18px; font-weight: 600} .popup-content p{ font-size: 16px; font-weight: 500} .popup-content form{ padding-top: 20px} .modal-body .row{ margin-left: 0; margin-right: 0; display: flex; position: relative; align-items: center} .popup-content h3~p{ color: #3e3e3e; font-size: 20px; font-weight: 700; text-transform: uppercase; margin-bottom: 15px} .popup-content h3~p span{} .popcont h4{ color: #fff; text-align: left; font-weight: bold} .popcont{ text-align: left} .popcont h2{ color: #ffdc98; font-size: 46px; margin-bottom: 0} .popcont h2:before, .popcont h2:after{ display: none} .popcont h1{ color: #fff; font-size: 76px; font-weight: 600; font-family: 'poppins', sans-serif} .modal-body{ padding: 0; background-color: #00000096; background-position: right top; background-size: cover; border-radius: 10px; overflow: hidden; height: 100vh; padding-bottom: 30px; position: fixed; top: 0; bottom: 0; margin: auto; left: 0; right: 0; z-index: 999999; display: flex; align-items: center; justify-content: center} .popup-banner{ width: 691px; display: inline-block; position: relative} .popup-content{ width: 357px; display: inline-block; height: max-content} .popup-content h3{ font-size: 30px; font-weight: 900; color: #07286c; text-transform: uppercase; margin-bottom: 2px} .popup-content p{ font-size: 15px} .popup-content p span{ color: #0059ff; vertical-align: baseline} .popup-content .form-control{ background: #f0f0f0; height: auto; margin-bottom: 10px; font-size: 14px; border: 0; border-radius: 16px; box-shadow: none; padding: 10px 15px} .popup-content textarea.required.form-control{ background: #f0f0f0; resize: none; height: 75px; padding: 10px 15px; margin-bottom: 25px} button.btn.btn-blue{ padding: 10px 15px; background: #00ccff; color: #000; font-weight: 800; border-radius: 16px; margin-right: 10px; text-transform: uppercase} .popup-content button.btn.btn-blue{ width: 100%; display: flex; margin: auto; text-align: center; justify-content: center} .popup-content form .row{ display: flex; flex-wrap: wrap} .popup-content .col-md-12{ padding: 0} .popup-content{ padding: 75px 40px 30px; margin-left: -112px; position: relative; text-align: center; margin-top: 100px; background: #fff; border-radius: 30px; background: url(../images/form-bg.webp); background-size: cover; background-repeat: no-repeat; background-position: center; z-index: 1; height: 500px} .fancybox-content{ background: transparent} .fancybox-slide--html .fancybox-close-small{ right: 0; top: 45px; color: red} .popupform.active{ display: block !important} a.close-btn.ta-center{ position: absolute; right: 0; z-index: 9; background: rebeccapurple; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 60%; color: #000; background: transparent; top: 155px; font-weight: bold; font-size: 16px} .popup-content button.btn.btn-blue:focus{ outline: 0} input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{ -webkit-appearance: none; margin: 0} input[type=number]{ -moz-appearance: textfield} @media(max-width: 767px){ .popup-banner{ display: none} .popup-content{ margin: 0} a.close-btn.ta-center{ top: 50px} .popup-content .col-md-12{ padding: 0; width: 100%}} .inner-bnr-st h1{ font-weight: 500; font-size: 30px; color: #fff; margin-bottom: 25px; line-height: 38px} .inner-bnr-st ul{ margin: 20px 0 30px 0; justify-content: center} .li-sts{ display: inline-block; text-align: left} .inner-bnr-st li i{ color: #DE2E38} .inner-bnr-st li{ font-size: 18px; color: #fff; padding: 6px 20px; line-height: 18px} .about-us .para{ font-size: 14px; color: #666666; line-height: 30px; font-weight: 400; margin-bottom: 10px; line-height: 24px} .call_action .yellow-heading{ font-size: 20px; font-weight: 400} .call_action .main-heading{ font-size: 28px; font-weight: 600; line-height: 35px} .time_show{ padding: 40px 0 60px} .time_show .owl-theme .owl-dots .owl-dot span:before{ content: ''; position: absolute; top: -9px; left: -9px; width: calc(100% + 18px); height: calc(100% + 18px); border-radius: 0; color: #344e7d} .time_show .owl-theme .owl-dots .owl-dot span{ width: 50px; height: 50px; background: #ebebeb; border-radius: 0; position: relative; color: #344e7d} .time_show .owl-dot{ position: relative} .time_show .owl-dot:after{ content: ''; font-size: 20px; color: #344e7d; font-family: 'Poppins', sans-serif; font-weight: 500; position: absolute; left: 0; right: 0; margin: auto; top: -10px; text-align: center; bottom: 0; height: 20px} .time_show .owl-dot:nth-child(1):after{ content: '01'} .time_show .owl-theme .owl-dots .owl-dot.active::after, .time_show .owl-theme .owl-dots .owl-dot:hover::after{ color: #fff} .time_show .owl-dot:nth-child(2):after{ content: '02'} .time_show .owl-dot:nth-child(3):after{ content: '03'} .time_show .owl-dot:nth-child(4):after{ content: '04'} .time_show .owl-dot:nth-child(5):after{ content: '05'} .time_show .owl-theme .owl-dots .owl-dot{ margin-right: 100px; font-size: 0} .service-slide-title{ font-size: 36px; color: #333333; font-weight: 700; text-transform: uppercase; margin-bottom: 15px} .time_show h2{ font-size: 36px; color: #344e7d; font-weight: 600; text-align: center; text-transform: uppercase} .time_show h3{ font-size: 14px; text-align: center; color: #666666} .time_show{ padding: 40px 0 60px} .time_show h2{ font-size: 22px; color: #3366cc; font-family: 'Poppins', sans-serif; margin-bottom: 15px; font-weight: 500} .service-carousel{ margin-top: 80px} .time_show h6{ font-size: 20px; color: #565e6c; font-family: 'Roboto', sans-serif; margin-bottom: 15px; font-weight: 500; line-height: 30px} .time_show p{ font-size: 14px; color: #666666; line-height: 30px; font-family: 'Roboto', sans-serif; font-weight: 400; margin-bottom: 10px; line-height: 24px} .time_show form{ background: #18253d; padding: 35px 25px; position: relative} .time_show form:after{ content: ''; height: 38px; width: 7px; background: #3366cc; position: absolute; left: 0; top: 0} .time_show form h2{ font-size: 27px; line-height: 32px; color: #fff; margin-bottom: 25px} .time_show form h2 span{ color: #3366cc} .time_show form p{ font-size: 13px; color: #fefefe; line-height: 21px; margin-bottom: 25px} .time_show form .form-group .form-control{ background: #1b2639; border-color: #26395a; font-size: 13px; color: #d6ddeb; height: 38px; border-radius: 0} .time_show form .form-group .form-control::-moz-placeholder{ color: #d6ddeb; opacity: 1} .time_show form .form-group .form-control:-ms-input-placeholder{ color: #d6ddeb} .time_show form .form-group .form-control::-webkit-input-placeholder{ color: #d6ddeb} .time_show form .form-group .form-control.error::-moz-placeholder{ color: red; opacity: 1} .time_show form .form-group .form-control.error:-ms-input-placeholder{ color: red} .time_show form .form-group .form-control.error::-webkit-input-placeholder{ color: red} .time_show .owl-theme .owl-dots{ text-align: center} .time_show form .form-group textarea{ resize: none} .time_show form .form-group textarea.form-control{ height: 75px} .time_show form .form-check span{ font-size: 12px; color: #ffffff; width: 92%; float: right; line-height: 18px} .time_show form .btn-success{ padding: 4px 20px; width: 150px; margin-top: 15px} .time_show .btn-success{ margin-top: 20px} .service-slide p{ font-size: 14px; line-height: 30px; font-family: 'Roboto'; color: #666666} .time_show .owl-dots{ position: absolute; left: 0; right: 0; top: -10%} .time_show .owl-dots:after{ content: ''; height: 6px; background: #d6e8e9; position: absolute; right: 0; bottom: 30px; width: 100%; z-index: -9; background-image: -moz-linear-gradient(0deg, rgb(160, 212, 91) 0%, rgb(0, 204, 255) 50%, rgb(46, 119, 255) 100%); background-image: -webkit-linear-gradient(0deg, rgb(160, 212, 91) 0%, rgb(0, 204, 255) 50%, rgb(46, 119, 255) 100%); background-image: -ms-linear-gradient(0deg, rgb(160, 212, 91) 0%, rgb(0, 204, 255) 50%, rgb(46, 119, 255) 100%)} .owl-theme .owl-nav.disabled+.owl-dots{ margin-top: 0} .time_show .item{ margin-top: 80px; position: relative} .time_show .owl-theme .owl-dots .owl-dot.active span{ background: #344e7d} .sponsor-section{ padding: 20px 0; text-align: center} ul.cl-slider{ display: flex; justify-content: center} .banner-contact h2{ font-size: 30px; color: #ffffff; margin-bottom: 10px; font-weight: 600} .banner-contact h3{ font-size: 18px; color: #ffffff; line-height: 26px; font-weight: 400} .contact-us .container{ background: white; box-shadow: 0 0 10px #ddd; margin-top: -60px; position: relative; border-radius: 8px; padding: 30px; margin-bottom: 40px} .contact-us .container .txt{ margin-bottom: 30px} .contact-us .container .txt h2{ display: inline-block; font-size: 24px; color: #2a2b2f; font-weight: 400; font-family: 'Poppins', sans-serif} .contact-us .container .txt img{ display: inline-block; float: right} .contact-us .container .form-group{ width: 47.6%; display: inline-block; margin-right: 30px; margin-bottom: 25px} .contact-us .container .form-group .form-control{ background: none; border: none; border-bottom: 1px solid #dddddd; box-shadow: none; border-radius: 0; font-size: 14px; color: #818181; font-family: 'Poppins', sans-serif} .contact-us .container .form-group.full{ width: 100%} .contact-us .container .form-group.margin-zero{ margin-right: 0} .contact-us .container .info img{ display: inline-block} .contact-us .container .info p{ display: inline-block; font-size: 12px; color: #7a7a7a; margin-left: 5px} .contact-us .container .info .btn{ float: right; background: #07286c} .contact-us .container .locate{ color: #ffffff; padding: 30px 30px; position: relative} header .col-md-9{ z-index: 3} .contact-us .container .locate:after{ content: ''; background: #18253d; width: calc(100% + 46px); height: calc(100% + 105px); position: absolute; top: -30px; left: 0; border-radius: 0 8px 8px 0} .contact-us .container .locate h3{ color: #ffffff; font-size: 24px; text-align: center; position: relative; z-index: 9} .contact-us .container .locate ul{ margin-top: 30px; position: relative; z-index: 9} .contact-us .container .locate ul li{ margin-bottom: 30px} .contact-us .container .locate ul li img{ display: inline-block} .contact-us .container .locate ul li p{ line-height: 22px; color: #c8cbd8; font-size: 14px; display: inline-block; width: 85%; margin-left: 15px} .contact-us .container .locate ul li p a{ color: #ffffff} .contact-us .container .social{ text-align: center} .contact-us .container .social li{ margin-right: 12px} .contact-us .container .social li a{ color: #ffffff; font-size: 20px} .contact-us .container .locate:after{ content: ''; background: #18253d; width: calc(100% + 46px); height: calc(100% + 105px); position: absolute; top: -30px; left: 0; border-radius: 0 8px 8px 0}