body .site{ padding: 0; margin: 0; box-shadow: none; max-width: none; width: 100%; overflow: hidden; font-family: 'Roboto', sans-serif;} footer#colophon{ max-width: none; margin: 0; padding: 0; border: none;} a, a:focus{outline:none;text-decoration:none !important;transition:all 500ms ease-in-out;} /*@font-face { font-family: 'mulishregular'; src: url('fonts/mulishregular.eot'); src: url('fonts/mulishregular.eot') format('embedded-opentype'), url('fonts/mulishregular.woff') format('woff'), url('fonts/mulishregular.ttf') format('truetype'), url('fonts/mulishregular.svg#mulishregular') format('svg'); font-weight: normal; font-style: normal; }*/ /*.............Custom-Style............*/ /*............Header Start............*/ .header-btn span.elementor-button-icon i{background: #282e34; padding: 12px; border-radius: 50%; font-size: 22px;} .hero-banner {-webkit-mask-image: url('images/hero-banner-mask.png'); mask-image: url('images/hero-banner-mask.png'); mask-size: cover; mask-position: center bottom; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;} .hero-txt h2 span{color: #002147;} /*............Header End............*/ /*............About us Start............*/ .goldenrod .elementor-widget-container .elementor-heading-title span {color: #daa520;} /*............About us End............*/ /* Home Start ----------------------------------------- */ .elementor-section.welcome_box{ max-width: 735px; margin: 0 auto; } .elementor-section.about_box{ max-width: 625px;margin-left: 96px;} .elementor-section.contactform_box{max-width: 740px;margin-left: auto; margin-right: 0;} .elementor-section.about_box::before{content: ''; display: inline-block;width: 28px;height: 100%; top: 0; position: absolute;left: -28px;background-color: #333;} .elementor-element.process_box .elementor-image-box-wrapper .elementor-image-box-content > *{display: inline;} .elementor-element.process_box .elementor-image-box-wrapper .elementor-image-box-content > p{padding-left: 3px;} .elementor-element.contact_info .elementor-image-box-wrapper .elementor-image-box-content{margin-top: -7px;display: flex;flex-wrap: wrap;align-items: center;justify-content: flex-start; column-gap:4px;} .elementor-element.contact_info .elementor-image-box-wrapper .elementor-image-box-content .elementor-image-box-description > a{color: #fff; text-decoration: none;} .elementor-element.contact_info .elementor-image-box-wrapper .elementor-image-box-content .elementor-image-box-description > a:hover{color: #daa520;} .contact_form{width: 100%; margin: 0 auto;} .contact_form .form-group{ margin-bottom: 17px; } .contact_form .form-group label{font:700 16px/22px 'Roboto', sans-serif; color: #2a2a2a;display: block; margin-bottom: 11px;padding-left: 12px; } .contact_form .form-control{font:400 14px 'Roboto', sans-serif;color:#2a2a2a; height:52px; border-radius:10px; letter-spacing: normal; border: 1px solid #000; background-color: transparent; background-image: none; outline: none; text-shadow: none;box-shadow:none;} .contact_form textarea.form-control{height: 210px; resize: none;} .contact_form input.btn.btn-primary, .contact_form input.btn.btn-primary:hover, .contact_form input.btn.btn-primary:active, .contact_form input.btn.btn-primary:focus{font:700 20px 'Roboto', sans-serif; color: #fff;padding:15px 65px;letter-spacing: normal; background-image: none; background-color: #002147; border:1px solid #fff; border-radius: 10px; box-shadow: none; text-shadow:none;outline: none; text-transform: uppercase; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;} .contact_form input.btn.btn-primary:hover{background-color: transparent;} .elementor-section.contactform_box .contact_form .form-group .wpcf7-spinner{display: none;} .contact_form .form-control::-webkit-input-placeholder {color: transparent;} .contact_form .form-control:-moz-placeholder {color: transparent;} .contact_form .form-control::-moz-placeholder {color: transparent;} .contact_form .form-control:-ms-input-placeholder {color: transparent;} /* Home End ----------------------------------------- */ /* Contact Page Start ----------------------------------------- */ .elementor-element.contactpage_form .contact_form .form-group{ margin-bottom:9px; } .elementor-element.contactpage_form .contact_form .form-group > p > label{display: none;} .elementor-element.contactpage_form .contact_form .form-control{font:400 16px 'Roboto', sans-serif;color:#2a2a2a; height:72px; border-radius:10px; letter-spacing: normal; border:none; background-color: #fff; background-image: none; outline: none; text-shadow: none;box-shadow:none; margin-bottom: 15px;} .elementor-element.contactpage_form .contact_form textarea.form-control{height: 210px; resize: none;padding: 12px;} .elementor-element.contactpage_form .contact_form .form-control::-webkit-input-placeholder {color:#989797;} .elementor-element.contactpage_form .contact_form .form-control:-moz-placeholder {color:#989797;} .elementor-element.contactpage_form .contact_form .form-control::-moz-placeholder {color:#989797;} .elementor-element.contactpage_form .contact_form .form-control:-ms-input-placeholder {color:#989797;} .elementor-element.contactpage_form .contact_form .form-group.text-center{text-align: left !important;} .elementor-element.contactpage_form .contact_form input.btn.btn-primary, .elementor-element.contactpage_form .contact_form input.btn.btn-primary:hover, .elementor-element.contactpage_form .contact_form input.btn.btn-primary:active, .elementor-element.contactpage_form .contact_form input.btn.btn-primary:focus{font:900 22px 'Roboto', sans-serif; color: #fff;padding:12px 49px;letter-spacing: normal; background-image: none; background-color: #daa520; border:2px solid #daa520; margin-top: 10px; border-radius: 10px; box-shadow: none !important; text-shadow:none;outline: none; text-transform: uppercase; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;} .elementor-element.contactpage_form .contact_form input.btn.btn-primary:hover{background-color: transparent;border-color: #fff;} .elementor-element.contact_gettouch_title .elementor-widget-container, .elementor-element.contact_gettouch_title .elementor-heading-title, .elementor-element.with_dots .elementor-widget-container, .elementor-element.with_dots .elementor-heading-title{position: relative;} .elementor-element.contact_gettouch_title .elementor-widget-container::before, .elementor-element.with_dots .elementor-widget-container::before{content: ''; display: inline-block;width: 64px; height: 64px;border-radius: 40px;background-color: #daa520; position: absolute; left: -35px; top: -33px; z-index: 1;} .elementor-element.with_dots .elementor-widget-container::before{ top: -29px;} .elementor-element.contact_gettouch_title .elementor-heading-title, .elementor-element.with_dots .elementor-heading-title{z-index: 2;} /* Contact Page End ----------------------------------------- */ /* Approach Page Start ----------------------------------------- */ .elementor-section.process_step .elementor-column.process_box .elementor-widget-heading h5.elementor-heading-title{display: inline-block;width: 92px; height: 92px; border:2px solid #fdf3f2; border-radius: 60px; background-color: #002147;overflow: hidden; position: relative;z-index: 2; } .elementor-section.process_step .elementor-column.process_box:nth-child(odd) .elementor-widget-heading h5.elementor-heading-title{background-color: #daa520; border-color: #daa520;} .elementor-section.process_step .elementor-column.process_box .elementor-element.counterhead::after{content: ''; display: inline-block; border-top:2px dotted rgba(253,243,242, 0.3); position: absolute;left: -9px; right: -9px; top: 45px; z-index: 1;} .elementor-section.process_step .elementor-column.process_box:first-child .elementor-element.counterhead::after{left:50%;} .elementor-section.process_step .elementor-column.process_box:last-child .elementor-element.counterhead::after{right:50%;} /* Approach Page End ----------------------------------------- */ /* -------------- Landing page ----------------------- */ /* ------------- Header start ------------ */ .headerCon a {font: 600 34px/34px "Alexandria", Sans-serif; color: var( --e-global-color-9db33c7 ); transition: all .5s ease-in-out;} .headerCon a:hover {color: var(--e-global-color-secondary);} /* -------- Footer Start -------- */ .aLink a {color: var( --e-global-color-9db33c7 ) !important; transition: all .5s ease-in-out;} .aLink a:hover {color: var( --e-global-color-secondary ) !important;} /* --------- Home Start ----------- */ .numberTitle .elementor-heading-title {overflow: hidden;} .numberTitle .elementor-heading-title span {background: var( --e-global-color-secondary );} /* ------------ contact form */ .contactForm form > .row {display: flex; margin: 0 -11px; flex-wrap: wrap;} .contactForm form > .row > .col-lg-6 {flex: 0 0 50%; width: 50%; padding: 0 11px;} .contactForm form > .row > .col-lg-12 {flex: 0 0 100%; width: 100%; padding: 0 11px;} .contactForm .form-group .form-control, .contactForm .form-group .form-control:focus, .contactForm .form-group .form-control:active, .contactForm .form-group .form-control:hover { width: 100%; height: 60px; font: 300 15px/15px "Nunito Sans",Sans-serif; color: #787474; padding: 15px 25px; border: 1px solid #DADADA; border-radius: 10px; outline: none; box-shadow: none; outline: none; width: 100% !important;} .contactForm .form-group .form-control:focus {border: 1px solid var(--e-global-color-accent);} .contactForm .form-group {margin-bottom: 0px;} .contactForm .form-group .wpcf7-textarea, .contactForm .form-group .wpcf7-textarea:focus, .contactForm .form-group .wpcf7-textarea:active, .contactForm .form-group .wpcf7-textarea:hover {height: 60px; padding-top: 22px;} .contactForm .form-group .wpcf7-textarea:focus {border: 1px solid var(--e-global-color-accent);} .contactForm .form-group .form-control::-webkit-input-placeholder, .contactForm .form-group .form-control:-moz-placeholder, .contactForm .form-group .form-control:-ms-input-placeholder {color: #626262;} .contactForm .form-group p {margin-bottom: 19px;} .contactForm .submitBtn p {display: flex; justify-content: center; align-items: center; flex-direction: column;} .contactForm input[type="submit"] { display: inline-block; width: inherit; height: 60px; border: none; background-color: #fff0; background-image: linear-gradient(180deg,var(--e-global-color-accent) 0%,var(--e-global-color-secondary) 100%); color: #fff; font: 700 20px/20px "Alexandria", Sans-serif; border-radius: 10px; padding: 18px 40px 18px 40px; transition: all 500ms ease-in-out; margin-top: 5px; outline: none; box-shadow: none; cursor: pointer; text-transform: uppercase;} .contactForm input[type="submit"]:hover {background-image: linear-gradient(180deg,var(--e-global-color-secondary) 0%,var(--e-global-color-accent) 100%)} .textIconBtn {overflow: hidden;} .textIconBtn .elementor-icon-box-wrapper .elementor-icon-box-icon {background-color: var( --e-global-color-primary ); padding: 17px 13px 15px 13px;} .textIconBtn .elementor-icon-box-wrapper .elementor-icon-box-content {padding: 14px 10px 14px 0px;} .textIconBtn .elementor-icon-box-wrapper .elementor-icon-box-content .elementor-icon-box-description a {color: var( --e-global-color-67ab7eb );} .textIconBtn .elementor-icon-box-wrapper .elementor-icon-box-content .elementor-icon-box-description a:hover {color: var( --e-global-color-primary );} /* responsive */ @media screen and (max-width: 1299px){ } @media screen and (max-width: 1199px){ } @media screen and (max-width: 1024px){ /* ---------- Home -------- */ .elementor-section.about_box {margin: 0 auto;} .mobilebg {background-image: none !important;} .aboutmission {background-image: url(http://atlasbluecapital.com/wp-content/uploads/2024/08/new-about-bg1.jpg) !important;} /* --------- Contact page -------- */ .elementor-element.contact_gettouch_title .elementor-widget-container::before, .elementor-element.with_dots .elementor-widget-container::before {left: -14px; top: -35px;} } @media screen and (max-width: 991px){ } @media screen and (min-width: 768px){ .contactform_box .contact_form .col-sm-6{flex: 0 0 100%;max-width:100%;} .elementor-element.contactpage_form .contact_form > .row{margin-left: -6px;margin-right: -6px;} .elementor-element.contactpage_form .contact_form > .row > div{padding-left:6px;padding-right:6px;} } @media screen and (max-width: 767px){ /* ------- Home ------ */ .elementor-element.process_box .elementor-widget-container .elementor-image-box-wrapper {text-align: center !important;} .elementor-element.process_box .elementor-widget-container .elementor-image-box-wrapper .elementor-image-box-img {margin-bottom: 15px;} .elementor-element.contact_info .elementor-image-box-wrapper .elementor-image-box-content{justify-content: center;} /* ------ About page ---- */ .corevalues .elementor-widget-container .elementor-image-box-wrapper .elementor-image-box-img {margin-bottom: 12px !important;} /* ------- contact Page ------- */ .contact_info .elementor-widget-container .elementor-image-box-wrapper .elementor-image-box-img {margin-bottom: 15px !important;} .elementor-element.contactpage_form .contact_form .form-control {height: 55px;} .elementor-element.contactpage_form .contact_form textarea.form-control {height: 140px;} .elementor-element.contactpage_form .contact_form input.btn.btn-primary, .elementor-element.contactpage_form .contact_form input.btn.btn-primary:hover, .elementor-element.contactpage_form .contact_form input.btn.btn-primary:active, .elementor-element.contactpage_form .contact_form input.btn.btn-primary:focus {padding: 10px 35px; font: 900 20px 'Roboto', sans-serif;} .elementor-element.contact_gettouch_title .elementor-widget-container::before {left: 4%; top: -35px;} /* ----------- Approach page ---------- */ .elementor-section.process_step .elementor-column.process_box:first-child .elementor-element.counterhead::after {left: -9px;} .elementor-section.process_step .elementor-column.process_box:last-child .elementor-element.counterhead::after {right: -9px;} /* ------------------------- Landing ----------------------------- */ /* ------- Header Start ------ */ .headerCon a {font: 600 25px / 25px "Alexandria", Sans-serif;} /* ------- Form start ------ */ .textIconBtn .elementor-icon-box-wrapper {flex-direction: row !important;} .contactForm form > .row > .col-lg-6 {flex: 0 0 100%; width: 100%;} .contactForm .form-group .form-control, .contactForm .form-group .form-control:focus, .contactForm .form-group .form-control:active, .contactForm .form-group .form-control:hover {height: 50px; padding: 10px 20px;} .contactForm .form-group .wpcf7-textarea, .contactForm .form-group .wpcf7-textarea:focus, .contactForm .form-group .wpcf7-textarea:active, .contactForm .form-group .wpcf7-textarea:hover {padding-top: 17px;} .contactForm .form-group p {margin-bottom: 12px;} .contactForm input[type="submit"] {font: 700 18px / 20px "Alexandria", Sans-serif; height: 50px; padding: 13px 30px 14px 30px;} } @media screen and (max-width: 575px){ } @media screen and (max-width: 400px){ }