.dialog-lightbox-widget i.eicon-close {
color: #fff;
}
.dynamic-case-grid {
gap: 20px;
display: grid;
grid-template-columns: repeat(3, 1fr);
}
.case-item {
background: #fff;
border-radius: 12px;
box-shadow: 0 4px 15px rgba(0,0,0,0.08);
overflow: hidden;
transition: transform 0.3s ease;
}
.case-item:hover {
transform: translateY(-5px);
}
.case-item img {
width: 100%;
height: 200px;
object-fit: cover;
}
.case-item .content {
padding: 15px;
}
.case-item h4 {
margin: 0 0 8px;
font-size: 18px;
}
.case-item p {
color: #666;
font-size: 14px;
margin: 0;
}
.case-study-loop .elementor-post__excerpt p {
color: #222 !important;
font-family: 'Lato';
}
.agn-contact-banner {
background-image: url(https://www.chromeinfotech.net/wp-content/uploads/2025/10/map2.webp) !important;
}
.dynamic-case-grid .case-item h4 a {
font-size: 19px !important;
font-family: 'Work Sans' !important;
color: #000 !important;
letter-spacing: 0px;
font-weight: 500;
}
a.read-more-case {
font-family: "Roboto", Sans-serif;
font-weight: 400;
text-decoration: underline !important;
font-size: 14px;
margin-top: auto;
color: #ed7c00;
}div#tech, div#industry {
margin-top: 40px;
}
.dynamic-case-grid .content p {
margin: 0;
line-height: 1.5em;
font-size: 15px;
color: #262525;
font-family: 'Roboto';
font-weight: 300;
}
.mob-menu{
display:none !important;
}
a.shiftnav-toggle.shiftnav-toggle-button {
background: #fff !important;
font-size: 24px;
border: 1px solid;
border-radius: 10px; display: inline-flex;
align-items: center;
height: 42px;
width: 42px;
justify-content: center;
}
.awards-sect {
background-image: url(https://www.chromeinfotech.net/wp-content/uploads/2025/10/map2.webp);
}.client-testi-section .swiper-slide:hover * {
color: #fff !important;
}.client-testi-section .swiper-slide:hover {
background-color: #f6821f !important;
}  .client-testi-section .elementor-swiper-button {
background: #f1f2f6;
color: #000;
padding: 8px;
border-radius: 50%;
}.bottom-banner {
border: 1px solid #e6e6e6;
border-radius: 5px;
margin: 50px 0px 0;
padding: 28px 60px 28px;
}.events-div {
border: 4px double #ccc;
padding: 20px 15px !important;
}.pushcrew-side-button.pushcrew-chicklet-position-tl {
display: none !important;
}
.home-banner .cont-form {
position: relative;
z-index: 1;
}
.home-banner .cont-form:hover:before {
left: 0px;
top: 0px;
}
.home-banner .cont-form:before {
position: absolute;
left: 6%;
top: 4%;
content: "";
height: 100%;
width: 100%;
background: #ffffff;
display: block !important;
border-radius: 10px;
opacity: 0.7;
z-index: -1;
transition: 0.3s ease-in-out;
}
.home-banner .cont-form {
padding-bottom: 20px;
}.learn-more {
margin-top: 10px;
}
.divided_row {
width: 160px;
margin: auto;
position: relative;
}
.divided_row:before {
content: "";
position: absolute;
bottom: 0;
width: 160px;
height: 2px;
-webkit-transition: all ease-in-out .4s;
-moz-transition: all ease-in-out .4s;
-ms-transition: all ease-in-out .4s;
-o-transition: all ease-in-out .4s;
transition: all ease-in-out .4s;
left: 0;
right: 0;
margin: auto;
background: #393b45;
}
.divided_row:after {
animation: move 5s infinite;
-webkit-animation: move 5s infinite;
background: #f6821f;
content: '';
position: absolute;
bottom: -2px;
left: 0;
right: 0;
width: 40px;
height: 6px;
-webkit-transition: all ease-in-out .4s;
-moz-transition: all ease-in-out .4s;
-ms-transition: all ease-in-out .4s;
-o-transition: all ease-in-out .4s;
transition: all ease-in-out .4s;
}
@keyframes move {
0% {
left: 0
}
50% {
left: 120px
}
100% {
left: 0
}
}
.learn-more a {
text-decoration: underline;
color: #f6821f;
font-weight: 500;
}
.introduce-section:before {
background-image: url(https://www.chromeinfotech.net/wp-content/themes/wpexpert/home_assets/images/3.png);
background-repeat: no-repeat;
background-position: right;
background-size: contain;
content: '';
position: absolute;
width: 100%;
height: 100%;
right: 0px;
transform: rotate(180deg);
}
.our-expertise-row .elementor-position-top {
margin-bottom: 0;
background: #fff;
padding: 16px;
border-radius: 10px;
}
.our-expertise .elementor-image-box-wrapper figure.elementor-image-box-img {
transition: 0.3s ease-in-out;
}
.our-expertise .elementor-image-box-wrapper:hover figure.elementor-image-box-img {
transform: translateY(-10px);
}
.logo_div_hover {
top: 80px !important;
display: none !important;
}
.home-banner .cont-form:before
{
display:none;
}
.home-banner .cont-form {
background:#fff;
padding-left: 40px;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .1);
} @font-face {
font-family: 'eicons';
src: url(//www.chromeinfotech.net/wp-content/plugins/elementor/assets/lib/eicons/fonts/eicons.woff2?5.15.0) format('woff2'),
url(//www.chromeinfotech.net/wp-content/plugins/elementor/assets/lib/eicons/fonts/eicons.woff?5.15.0) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
} @font-face {
font-family: 'bebas_neueregular';
src: url(//www.chromeinfotech.net/wp-content/themes/wpexpert/asset/n-fonts/customfonts/bebasneue-regular-webfont.woff2) format('woff2'),  url(//www.chromeinfotech.net/wp-content/themes/n-fonts/customfonts/bebasneue-regular-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
} @font-face {
font-family: 'montserratlight';
src: url(//www.chromeinfotech.net/wp-content/themes/wpexpert/asset/n-fonts/customfonts/montserrat-light-webfont.woff2) format('woff2'),  url(//www.chromeinfotech.net/wp-content/themes/n-fonts/customfonts/montserrat-light-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
} @font-face {
font-family: 'montserratmedium';
src: url(//www.chromeinfotech.net/wp-content/themes/wpexpert/asset/n-fonts/customfonts/montserrat-medium-webfont.woff2) format('woff2'),  url(//www.chromeinfotech.net/wp-content/themes/n-fonts/customfonts/montserrat-medium-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
} @font-face {
font-family: 'montserratregular';
src: url(//www.chromeinfotech.net/wp-content/themes/wpexpert/asset/n-fonts/customfonts/montserrat-regular-webfont.woff2) format('woff2'),  url(//www.chromeinfotech.net/wp-content/themes/n-fonts/customfonts/montserrat-regular-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
} @font-face {
font-family: 'montserratextrabold';
src: url(//www.chromeinfotech.net/wp-content/themes/wpexpert/asset/n-fonts/customfonts/montserrat-extrabold-webfont.woff2) format('woff2'),  url(//www.chromeinfotech.net/wp-content/themes/n-fonts/customfonts/montserrat-extrabold-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
} @font-face {
font-family: 'montserratbold';
src: url(//www.chromeinfotech.net/wp-content/themes/wpexpert/asset/n-fonts/customfonts/montserrat-bold-webfont.woff2) format('woff2'),  url(//www.chromeinfotech.net/wp-content/themes/n-fonts/customfonts/montserrat-bold-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
a:focus, a:hover {
text-decoration: none;
}
#cookie-law-info-bar {
font-size: 14pt!important;
}
.header-right-widget {
display: none;
}            .form-widget {
border: 5px solid #F5821F;
text-align: center;
}
.clearBoth,
.clear {
clear: both;
height: 0px;
font-size: 1px;
line-height: 0px;
display: block;
}
.alignleft,
img.alignleft {
float: left;
margin: 0 20px 20px 0;
}
.alignright,
img.alignright {
float: right;
margin: 0 0 20px 20px;
}
.aligncenter,
img.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
img.aligncenter {
margin-bottom: 12px;
}
div.post {
margin: 0 0 20px 0;
}
ul.widgets {
margin: 0 0 20px 0;
padding: 0;
list-style-type: none;
}
ul.widgets li ul {
margin: 0 0 15px 0;
padding: 0;
list-style-type: none;
}
ul.widgets li ul li {
padding: 0 0 5px 0;
}
ul.widgets li ul li ul {
margin: 0;
padding: 5px 0 0 10px;
}
.commentlist {
margin: 0 0 20px 0;
padding: 0;
list-style-type: none;
}
.commentlist .comment-author .avatar {
display: none;
}
.commentlist .comment {
margin: 0 0 10px 0;
padding: 0 0 10px 0;
}
#commentform p {
margin: 0 0 5px 0;
}
#commentform input[type="text"],
#commentform textarea {
display: block;
font-family: Arial, Verdana, Sans-Serif;
font-size: 12px;
padding: 10px;
border: solid 1px #ccc;
}
#commentform input[type="text"],
input[type="email"],
input[type="url"],
#commentform textarea {
display: block;
font-family: Arial, Verdana, Sans-Serif;
font-size: 15px;
padding: 15px 10px;
border: solid 1px #ccc;
width: 100%;
margin: 10px 0;
}
#comment .comment-form-author {
width: 50%;
display: inline-block;
float: left;
padding-right: 5px;
}
#comment .comment-form-email {
width: 50%;
display: inline-block;
float: left;
}
span.wpcf7-not-valid-tip {
padding: 10px;
}
#commentform textarea {
width: 100%;
}
#comment p.comment-form-url {
display: none;
}
.required {
color: crimson;
}
.comment-meta .comment-author img {
width: 45px;
height: 45px;
border: none;
border-radius: 100%;
display: none;
}
.comment-meta .comment-author .fn {
padding: 10px 0;
}
.comment-meta .comment-author .fn .url {
padding: 10px 0;
}
#comment .comment-body {
margin: 20px 0;
}
#comment .comment-metadata {
display: none;
}
#comment .comment-content {
padding: 25px 0;
}
#comment .comment-reply-link {
padding: 10px 20px;
border: 1px solid #44C8F5;
margin: 10px 0;
}
#respond .form-allowed-tags {
display: none;
}
div.nav-previous {
float: left;
}
div.nav-next {
float: right;
}
#nav-above,
#nav-below {
display: none;
} .assistive-text,
.screen-reader-text {
position: absolute !important;
clip: rect(1px, 1px, 1px, 1px);
}
.main-navigation .assistive-text:hover,
.main-navigation .assistive-text:active,
.main-navigation .assistive-text:focus {
background: #fff;
border: 2px solid #333;
border-radius: 3px;
clip: auto !important;
color: #000;
display: block;
font-size: 12px;
padding: 12px;
position: absolute;
top: 5px;
left: 5px;
z-index: 100000; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
display: block;
}
.widget-area#secondary {
width: 100%;
float: none;
}
.says,
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
}
.contibutes {
margin: 0;
font-size: 24px;
line-height: 28px;
font-weight: 300;
color: #44C8F5;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
#demo-form ::-moz-placeholder {
color: #2f2f2e;
opacity: 1;
}
element {}
#demo-form .mktoButtonRow button {
width: 180px;
}
.mktoForm .mktoButtonWrap.mktoSimple .mktoButton {
color: #fff;
border: 1px solid #44C8F5;
padding: 0.4em 1em;
font-size: 1em;
background-color: #44C8F5;
background-image: -webkit-gradient(linear, left top, left bottom, from(#44C8F5), to(#44C8F5));
background-image: -webkit-linear-gradient(top, #44C8F5, #44C8F5);
background-image: -moz-linear-gradient(top, #44C8F5, #44C8F5);
background-image: linear-gradient(to bottom, #44C8F5, #44C8F5);
}
.mktoButton {
color: #fff;
border: 1px solid #44C8F5;
padding: 0.4em 1em;
font-size: 1em;
background-color: #44C8F5;
background-image: -webkit-gradient(linear, left top, left bottom, from(#44C8F5), to(#44C8F5));
background-image: -webkit-linear-gradient(top, #44C8F5, #44C8F5);
background-image: -moz-linear-gradient(top, #44C8F5, #44C8F5);
background-image: linear-gradient(to bottom, #44C8F5, #44C8F5);
}
.mktoForm button.mktoButton {
cursor: pointer;
margin: 0;
}
#commentform input[type="submit"] {
font-family: 'Lato', Arial, Verdana, sans-serif !important;
border: 1px solid #f16334 !important;
display: inline-block !important;
padding: 10px 15px !important;
font-size: 16px !important;
font-style: normal !important;
line-height: 22px !important;
color: #f16334 !important;
background: #fff;
cursor: pointer !important;
text-transform: uppercase !important;
font-weight: 400 !important;
margin: 0 !important;
-webkit-appearance: none !important;
text-align: center !important;
float: right;
}
#header {
padding-bottom: 5px;
} #footer .content h1 {
text-align: center;
margin: 0 0 20px 0;
font-size: 52px;
line-height: 56px;
color: #44C8F5;
font-style: normal;
}
#footer .content strong {
margin: 0 0 20px 0;
font-size: 52px;
line-height: 56px;
color: #44C8F5;
font-style: normal;
}
#footer .content .middel {
text-align: center;
}
#footer .content h2 {
text-align: center;
font-size: 20px;
letter-spacing: 0.5px;
font-weight: 500;
color: #2d2d2d;
text-transform: capitalize;
}
.left {
width: 50%;
float: left;
}
.right {
width: 50%;
float: left;
}
.form {
position: relative;
}
.form__group {
position: relative;
display: block;
margin-bottom: 20px;
}
.form__label,
.form__input {
display: block;
position: relative;
}
.form__label {}
.form__group--error .form__label {
color: red;
}
.form__label-error {
color: red;
display: block;
position: absolute;
bottom: -3em;
font-size: 0.8em;
padding: 0;
}
.form__input {
letter-spacing: 0.5px;
border-bottom: 1px solid #cccccc;
border-left: none;
border-right: none;
border-top: none;
font-size: 16px;
width: 100%;
color: #666666;
font-weight: 300;
}
.form__input:focus,
.form__input:active {
outline: none;
}
.form__input-highlight {
display: block;
bottom: 0;
pointer-events: none;
position: absolute;
width: 100%;
}
.form__input-highlight:after {
content: '';
background-color: #00afff;
bottom: 0;
display: block;
height: 1px;
opacity: 0;
position: absolute;
width: 100%;
transform: scale(0.2);
transition-property: opacity, transform;
transition-duration: 0.3s;
transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
}
.form__group--error .form__input-highlight:after {
background-color: red;
opacity: 1;
transform: scale(1);
}
.form__input-highlight:before {
background-color: #ff9101;
bottom: 1px;
content: '';
display: block;
opacity: 0;
position: absolute;
height: 1px;
width: 100%;
transform: translateY(1px);
transition-property: opacity, transform;
transition-duration: 0.3s;
transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
}
.form__input:focus+.form__input-highlight:after {
opacity: 1;
transform: translateY(0);
transition-duration: 0.2s;
}
.form__input:hover+.form__input-highlight:before {
opacity: 1;
transform: scaleY(1);
}
.form__input:focus+.form__input-highlight:before {
opacity: 0;
transform: scaleY(0);
}
.custom-dropdown {
position: relative;
display: inline-block;
vertical-align: middle;
width: 100%;
border-bottom: 1px solid #cccccc;
}
.custom-dropdown select {
color: #666666;
letter-spacing: 0.5px;
width: 100%;
font-size: inherit;
font-size: 16px;
padding-right: 2.5em;
border: 0;
margin: 0;
padding: 0px;
border-radius: 3px;
text-indent: 0.01px;
text-overflow: '';
-webkit-appearance: button;
font-weight: 300;
}
.custom-dropdown::before,
.custom-dropdown::after {
content: "";
position: absolute;
pointer-events: none;
}
.custom-dropdown::after {
content: "\25BC";
height: 2em;
font-size: 15px;
line-height: 1;
right: 0px;
top: 50%;
margin-top: -.5em;
}
.custom-dropdown::before {
width: 2em;
right: 0;
top: 0;
bottom: 0;
border-radius: 0 3px 3px 0;
}
.custom-dropdown select[disabled] {
color: rgba(0, 0, 0, .3);
}
.custom-dropdown select[disabled]::after {
color: rgba(0, 0, 0, .1);
}
.custom-dropdown::before {
background-color: #FFF;
}
.custom-dropdown::after {
color: rgb(19, 157, 255);
}
.custom-dropdown select:focus {
outline: none !important;
box-shadow: none;
}
.form-group label {
color: #666666;
font-size: 16px;
font-weight: normal;
letter-spacing: 0.5px;
font-weight: 300;
font-weight: 300;
}
.modal-footer button.btn.btn-color {
color: #fff;
background: #139dff;
width: 100%;
font-family: 'Raleway', Arial, Verdana, sans-serif;
padding: 15px 45px;
border-radius: 100px;
font-size: 12px;
border: none;
font-weight: bold;
color: #fff;
text-transform: uppercase;
box-shadow: 0 10px 35px 2px rgba(61, 61, 61, .30);
}
.form-group textarea.form-control {
resize: none;
}
.right-side li {
position: relative;
display: block;
}
.right-side li::before {
width: 40px;
height: 40px;
content: "";
background: url(//www.chromeinfotech.net/wp-content/themes/images/home/dot-pin.png) no-repeat;
position: absolute;
left: -38px;
top: 10px;
border-radius: 40px;
top: 5px;
}
.right-side {
padding: 0 0 0 60px;
}
.our-goal label {
font-size: 17px;
color: #2d2d2d;
}
.contact-area {
background-color: #fff;
background: url(//www.chromeinfotech.net/wp-content/themes/images/home/company-contact-us.png) no-repeat center center;
background-size: cover;
margin-top: -107px;
text-align: center;
font-size: 24px;
line-height: 32px;
font-weight: 300;
color: #585858;
background-size: auto;
}
.contact-area h4 {
font-weight: 600;
margin-top: 10px;
margin-bottom: 15px;
}
.contact-area p {
font-size: 18px;
color: #2d2d2d;
}
.contact-form {
border-radius: 3px;
}
.form-group {
margin-bottom: 0;
}
.form-control {
display: block;
resize: none;
border: 0px;
width: 100%;
height: 45px;
padding: 5px 0px;
font-size: 16px;
line-height: 1.42857143;
color: #333;
text-indent: 20px;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 0px;
box-shadow: none;
margin-bottom: 10px;
font-weight: 300;
}
.form-control:focus {
outline: 0;
box-shadow: none;
border: 1px solid #ddd;
}
.has-error .form-control,
.has-error .form-control:focus {
box-shadow: none;
outline: none;
}
.contact-form input[type='submit'] {
padding: 10px 60px;
background-color: #f5821f;
color: #fff;
border-radius: 4px;
border: 1px solid #f5821f;
outline: 0;
box-shadow: none;
cursor: pointer;
font-size: 16px;
}
.contact-form input[type='submit']:hover {
background-color: transparent;
border-color: #f5821f;
color: #5D6769;
outline: 0;
box-shadow: none;
}
.span-title {
font-size: 24px;
letter-spacing: 0.5px;
font-weight: 500;
color: #2d2d2d;
text-transform: capitalize;
}
.contact-area h4 {
font-weight: 300;
margin-top: 10px;
margin-bottom: 25px;
font-size: 56px;
color: #f5821f;
}
.list-unstyled {
padding-left: 0;
list-style: none;
}
.address img {
width: 35px;
float: left;
margin: -7px 13px;
}
.contact-area .left {
background: #ffffffc2;
padding: 20px 36px 88px 20px;
box-shadow: 2px 2px 0 2px rgba(0, 0, 0, 0.1);
}
.contact-area .right {
background: #ffffffc2;
padding: 20px 36px 35px 20px;
box-shadow: 2px 2px 0 2px rgba(0, 0, 0, 0.1);
}
#footer .content {
margin: 50px 0;
}
.contact-heading h3 {
margin: 0 0 12px 0;
font-size: 20px;
font-weight: 600;
line-height: 28px;
color: #f5821f;
text-align: left;
}
.customsidebar {
background: #404F57;
padding: 1px 0;
}
.customsidebar h3 {
color: #fff;
font-size: 20px;
font-weight: 700;
}
.customsidebar h2 {
color: #F5821F;
font-size: 30px;
font-weight: 700;
}
.india_loca_map {
padding-left: 50px;
background: url(//www.chromeinfotech.net/wp-content/themes/images/home/india_flag.png) no-repeat 7px 10px;
text-align: left;
}
.india_lo_h1 {
display: inline-block;
width: 100%;
color: #000;
}
.india_lo_h2 {
display: inline-block;
width: 100%;
color: #000;
font-size: 12px;
font-family: aventregular;
line-height: 15px;
}
.india_lo_h3 {
font-family: aventregular;
color: #636363;
display: inline-block;
width: 100%;
}
.contact-heading {
text-align: left;
}
.contact-heading p img {
margin: 0 10px;
}
.contact-heading p {
margin: 10px 0;
}
.contact-heading a {
color: #2d2d2d;
}
.contact-heading .flag-ind {
float: left;
}
.contact-heading .conatent-add {
padding-left: 50px;
}
.controls {
margin: 0px;
padding: 0px;
}
.controls ul {
margin: 0px;
padding: 0px;
}
.controls ul li {
margin: 0px;
padding: 0px;
display: block;
width: 50%;
float: left;
}
.post header .addthis_inline_share_toolbox {
display: inline-block;
vertical-align: middle;
margin: 0 0 0 5px;
}
.sidebar-layout .content ul li {
list-style: none;
}
.sidebar-layout .content ul li i {
color: #4BC6FF;
font-size: 25px;
padding: 5px 10px;
}
.menu-sidebar-menu-container ul li {
padding: 10px 5px;
}
.menu-sidebar-menu-container ul li:before {
content: '';
display: block;
width: 8px;
height: 8px;
background: #FF9933;
position: absolute;
left: -10px;
margin-top: 5px;
}
.sidebar-layout .widget .widget-title:before {
content: url(https://www.howtocreateanapp.co/blog/wp-content/uploads/2018/08/dot-dot.png);
position: absolute;
margin-top: 20px;
}
#comment .form-submit .submit:hover {
background: #F5821F;
color: #ffffff!important;
}
#comment .form-submit .submit {
transition: all 0.5s ease-in-out 0s;
}
#comment #reply-title:before {
content: url(https://www.howtocreateanapp.co/blog/wp-content/uploads/2018/08/dot-dot.png);
position: absolute;
margin-top: 20px;
}
.error {
padding: 10px 0 20px 0;
color: #FF0000;
}
input.error,
textarea.error {
color: #000000;
}
#comment .comment-reply-title {
color: #f16334;
}
.bot_footer1 p {
font-size: 13px;
font-weight: bold;
color: #3c4d65;
font-weight: 700;
font-family: 'Lato', Arial, Verdana, Sans-Serif;
padding-top: 5px;
} .navbar-fixed-top .active a {
background: none !important;
color: #00afff;
}
.navbar-fixed-top .active a:hover {
color: #00afff !important;
}
.navbar-brand img {
position: relative;
top: -21px;
z-index: 2;
max-width: 250px;
}
.navbar.navbar-fixed-top.fixed-theme {
background-color: #0f0f0f;
border-color: #080808;
}
.navbar.navbar-fixed-top.fixed-theme a {
color: #fff !important;
-webkit-transition: all 0.7s;
-moz-transition: all 0.7s;
-o-transition: all 0.7s;
transition: all 0.7s;
}
.navbar.navbar-fixed-top.fixed-theme a:hover {
color: #00afff !important;
}
.navbar.navbar-fixed-top.fixed-theme .active a {
color: #00FFF8 !important;
}
.navbar.navbar-fixed-top.fixed-theme .active a:hover {
color: #00FFF8 !important;
}
.navbar-brand.fixed-theme {
font-size: 18px;
}
.navbar-container.fixed-theme {
padding: 0;
}
.navbar-brand.fixed-theme,
.navbar-container.fixed-theme,
.navbar.navbar-fixed-top.fixed-theme,
.navbar-brand,
.navbar-container {
transition: 0.8s;
-webkit-transition: 0.8s;
}
.navbar-toggle .icon-bar:nth-of-type(2) {
top: 4px;
background: #fff;
height: 2px;
width: 40px;
}
.navbar-toggle .icon-bar:nth-of-type(3) {
top: 8px;
background: #fff;
height: 2px;
width: 40px;
}
.navbar-toggle .icon-bar:nth-of-type(1) {
background: #fff;
height: 2px;
width: 40px;
}
.navbar-toggle .icon-bar {
position: relative;
transition: all 500ms ease-in-out;
}
.navbar-toggle.active .icon-bar:nth-of-type(1) {
top: 11px;
transform: rotate(45deg);
}
.navbar-toggle.active .icon-bar:nth-of-type(2) {
background-color: transparent;
}
.navbar-toggle.active .icon-bar:nth-of-type(3) {
top: -6px;
transform: rotate(-45deg);
}
.navbar-toggle {
border: none !important;
}
.navbar-toggle.active {
background: none !important;
}
.navbar-toggle:focus {
background: none !important;
}
.navbar-toggle:hover {
background: none !important;
} #header.active {
background: #000;
-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
}
#header.active #header-container {
padding: 10px 0px;
}
#hiddenmobilemenu {
text-align: right;
right: 1%;
top: 12px;
position: relative;
width: 90%;
float: left;
list-style-type: none;
}
#hiddenmobilemenu li {
display: inline-block;
}
#hiddenmobilemenu li a {
display: block;
text-transform: uppercase;
letter-spacing: .5px;
}
#intro-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 700px;
position: relative;
background: url(//www.chromeinfotech.net/wp-content/themes/n-images/banner_bg.jpg) no-repeat;
background-size: cover;
}
.intro {
overflow: hidden;
position: relative;
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.intro-wrapper {
box-sizing: border-box; max-width: 100%; }
@-moz-document url-prefix() {
#intro .wrapper-intro {
top: 34% !important;
}
}
a.typewrite {
text-decoration: none;
color: #00afff;
}
#intro .title-intro {
font-size: 72px;
font-weight: 900;
text-transform: none;
text-align: center;
color: #fff;
text-transform: uppercase;
font-family: 'aventbold';
line-height: 92px !important;
letter-spacing: 5px;
}
.wrapper-intro {
position: absolute;
margin: 0 auto !important;
left: 0;
right: 0;
z-index: 11 !important;
top: 31.5% !important;
}
h5.description_text {
color: #ff9101;
text-align: center;
font-size: 24px;
margin-bottom: 30px;
letter-spacing: .6px;
}
.intro .container {
z-index: 32;
position: relative;
}
.intro .fullscreen-video {
position: absolute;
top: -50px;
left: 0;
width: 100%;
height: 100%;
z-index: 9;
}
.intro video {
min-width: 100% !important;
height: auto;
min-height: 100%;
}
.intro .video-overlay {
background: #222; background: -moz-linear-gradient(top, #222 0%, #222 49%, #222222 100%); background: -webkit-linear-gradient(top, #222 0%, #222 49%, #222222 100%); background: linear-gradient(to bottom, #222 0%, #222 49%, #222222 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#222222', GradientType=0); position: absolute;
top: 0;
left: 0;
width: 100%;
opacity: 0.8;
height: 100%;
z-index: 10;
}
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
#intro .wrapper-intro {
top: 32% !important;
}
}
@supports (-ms-accelerator: true) {
#intro .wrapper-intro {
top: 32% !important;
}
}
@media screen and (min-color-index: 0) and(-webkit-min-device-pixel-ratio: 0) {
@media {
#intro .wrapper-intro {
top: 33% !important;
}
}
}
a.menu-item:focus,
a.menu-item.active {
color: #fff !important;
background: #00aefe !important;
}
a.closebtn {
color: #000;
}
a.closebtn:hover,
a.closebtn:focus {
color: #222 !important;
}
@media screen and (max-height: 450px) {
.overlay a {
font-size: 15px
}
.overlay .closebtn {
font-size: 40px;
top: 15px;
right: 35px;
}
}
.home_buttons {
margin: 100px auto 20px;
text-align: center;
background: #139dff;
display: block;
width: 320px;
border-radius: 40px 40px 40px 40px;
height: 50px;
box-shadow: 0 0 0 0 rgba(232, 76, 61, 0.7);
line-height: 45px;
cursor: pointer;
}
.home_buttons:hover {
background: #ff9101;
}
.home_buttons:hover span {
color: #fff !important;
}
a.knoemore {
color: #fff;
text-decoration: none;
letter-spacing: .5px;
font-size: 16px;
padding: 8px 22px;
}
div#homebutton span {
color: #105c6d;
display: inline-block;
font-size: 24px;
position: relative;
}
div#homebutton span::before {
content: "";
height: 14px;
background: #fff;
width: 2px;
position: absolute;
top: 0px;
left: 10px;
}
div#homebutton span::after {
content: "";
height: 14px;
background: #fff;
width: 2px;
position: absolute;
bottom: -5px;
right: 10px;
}
a.contactBtn {
color: #fff;
text-decoration: none;
letter-spacing: 1px;
font-size: 15px;
padding: 6px 22px;
}
.traiangleImg1 {
position: absolute;
z-index: 12;
top: 17%;
left: 46%;
}
.traiangleImg2 {
position: absolute;
z-index: 12;
top: 41%;
left: 21%;
}
.traiangleImg3 {
position: absolute;
z-index: 12;
top: 28%;
right: 22%;
}
.traiangleImg4 {
position: absolute;
z-index: 12;
bottom: 33%;
left: 73%;
}
img.ban_icons {
width: auto;
}
.show {
display: block!important;
} .hamburger {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-item-align: right;
align-self: right;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 40px;
height: 23px;
margin-top: 20px;
cursor: pointer;
}
.hamburger div {
-ms-flex-item-align: end;
align-self: flex-end;
height: 2px;
width: 100%;
background: #fff;
}
.hamburger .meat {
width: 75%;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.hamburger .bottom-bun {
width: 50%;
-webkit-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
.hamburger:hover div {
width: 100%;
}
.hamburger:hover .top-bun {
-webkit-animation: burger-hover 1s infinite ease-in-out alternate;
animation: burger-hover 1s infinite ease-in-out alternate;
}
.hamburger:hover .meat {
-webkit-animation: burger-hover 1s infinite ease-in-out alternate forwards 200ms;
animation: burger-hover 1s infinite ease-in-out alternate forwards 200ms;
}
.hamburger:hover .bottom-bun {
-webkit-animation: burger-hover 1s infinite ease-in-out alternate forwards 400ms;
animation: burger-hover 1s infinite ease-in-out alternate forwards 400ms;
}
@-webkit-keyframes burger-hover {
0% {
width: 100%;
}
50% {
width: 50%;
}
100% {
width: 100%;
}
}
@keyframes burger-hover {
0% {
width: 100%;
}
50% {
width: 50%;
}
100% {
width: 100%;
}
}
ul#menu {
width: 100%;
height: 100%;
position: fixed;
background: #000;
z-index: 9;
overflow-x: hidden;
left: 0;
padding: 50px;
top: 0;
text-align: center;
list-style-type: none;
}
.dropbtn:hover, .dropbtn:focus {
background-color: transparent;
}
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: relative;
background-color: #f1f1f1;
min-width: 160px;
overflow: auto;
z-index: 1;
top: 100%;
left: 0px;
width: 100%;
margin: 0;
padding: 0;
transition: all .4s ease-in-out;
animation-duration: 1s;
-webkit-animation-duration: 1s;
}
.dropdown-content a {
color: #fff !important;
padding: 7px 16px !important;
border-bottom: 1px solid #ccc;
text-decoration: none !important;
display: block !important;
font-size: 15px;
width: 100% !important;
font-weight: 400 !important;
}
.dropdown a:hover {
background-color: #ddd;
}
.overlay {
height: 100%;
width: 0;
position: fixed;
z-index: 9999;
top: 0;
right: 0;
background: #111517;
overflow-x: hidden;  }
.overlay::-webkit-scrollbar {
width: 3px;
}
.overlay::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
}
.overlay::-webkit-scrollbar-thumb {
background-color: #139dff;
outline: 1px solid slategrey;
}
.overlay-content {
position: relative;
top: 10%;
width: 100%;
text-align: center;
margin-top: 30px;
}
.overlay a {
padding: 8px 10px;
text-decoration: none;
font-size: 16px !important;
color: #ffffff !important;
display: block !important;
transition: 0.3s;
font-weight: 400 !important;
}
.overlay .closebtn {
position: absolute;
top: 15px;
right: 45px;
font-size: 45px !important;
}
.overlay-content ul {
padding: 5px 0px 0px 0px;
text-align: left;
}
.overlay-content ul li {
display: block;
padding: 0 0px;
width: 100%;
margin: 0;
}
.overlay a::before, .overlay a::after {
display: none !important;
}
.overlay a:hover {
color: #c68321 !important;
text-decoration: underline;
}
a.dropbtn:focus, a.dropbtn.active {
color: #fff !important;
background: #00aefe !important;
}
a.closebtn {
color: #676767;
}
a.closebtn:hover, a.closebtn:focus {
color: #f39e24 !important;
text-decoration:none !important;
}
@media screen and (max-height: 450px) {
.overlay a {
font-size: 15px
}
.overlay .closebtn {
font-size: 40px;
top: 10px;
right: 35px;
}
}
.top_menu_overlay li a {
font-size: 42px !important;
line-height: 65px !important;
text-transform: uppercase;
font-family: bebas_neueregular;
}
.first_menu ul.icons_wrapper li {
display: inline-block !IMPORTANT;
width: 40px !important;
margin: 0 10px 10px 0 !IMPORTANT;
} .overlay-content .container {
width: 96%;
}
.container>.navbar-header {
z-index: 11;
}
.menu_img {
float: left;
margin: 0 5px 10px 0;
}
.menu_img img {
width: 30px;
position: relative;
top: 0px;
}
.menu_links {
float: right;
width: 80%;
}
.menu_links h3 {
font-family: montserratmedium;
position: relative;
color: #f39e24;
margin: 0px 0 32px 0;
text-transform:uppercase;
font-size: 18px;
font-weight: 700;
text-align: left;
}
.menu_links h3::after {
position: absolute;
content: "";
background: #444;
width: 40px;
height: 3px;
left: 0;
bottom: -16px;
}
.menu-list {
margin-bottom: 2em;
} .hvr-sweep-to-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
color: white !important;
}
.hvr-sweep-to-right:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #139dff !important;
-webkit-transform: scaleX(0);
color: #fff !important;
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
color: white !important;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
color: white !important;
}
.icons_wrapper li {
display: inline-block;
margin: 0 10px;
position: relative;
}
.icons_wrapper li a {
background: transparent;
padding: 5px 8px;
width: 40px;
height: 40px;
display: block;
border: 2px solid #444444;
color: #444444;
text-align: center;
font-size: 18px;
transition: all 1s ease 0s;
}
.icons_wrapper li a:hover {
transform: rotateZ(360deg);
border: 2px solid #ea9825;
color: #ea9825;
} section#form_banners {
background: #eaf0f6;
position: relative;
z-index: 2;
}
.form_containers {
position: relative;
padding: 60px 15px 30px;
}
.app_form_heading {
color: #111;
font-size: 48px;
margin-bottom: 25px;
position: relative;
letter-spacing: .5px;
line-height: 48px;
font-family: montserratmedium;
text-align: center;
}
.n_form_cont {
background: #fff;
padding: 15px 20px;
position: relative;
border-radius: 10px 10px 0px 0px;
bottom: 0;
border: 1px solid #ddd;
}
.contact_heading {
text-align: center;
color: #111;
font-size: 30px;
text-transform: uppercase;
margin: 10px 0 10px;
font-family: montserratmedium;
}
.form-group {
position: relative;
}
.icons_form {
position: absolute;
left: 0;
top: 12px;
font-size: 18px;
z-index: 1;
color:#00afff;
}
i.fa.fa-mobile.icons_form {
font-size: 25px;
top: 15px;
}
img.conact_icon {
width: 30px;
vertical-align: bottom;
margin: 0 8px 0 0;
display: inline-block;
}
label.form_label {
display: none;
width: 100%;
color: #666666;
font-size: 16px;
font-family: montserratregular;
}
span.valid_error {
color: #fe3030;
font-weight: 600;
}
.contact input {
border: none;
border-bottom: 1px solid #c8d4da;
background-color: #f9fafc;
border-radius: 0;
height: 48px;
padding: 15px;
box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
font-family: montserratregular;
color: #000;
transition:all .7s ease 0s;
}
.contact .error1 {
border: solid 1px red;
}
.select {
position: relative;
margin-bottom:15px;
}
select.budget {
border: none;
border-bottom: 1px solid #c8d4da;
background-color: #f9fafc;
border-radius: 0;
height: 48px;
box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
width: 100%;
padding: 0 15px 0 35px;
font-family: montserratregular;
color: #000;
transition:all .7s ease 0s;
}
p.add_number_d i {
color: #909090;
margin: 0 5px 0 0px;
}
textarea#form_message, textarea.form-control.reqclass.requirement {
border: none;
border-bottom: 1px solid #c8d4da;
background-color: #f9fafc;
border-radius: 0;
height: 145px;
box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
width: 100%;
padding: 15px;
color: #000;
font-family: montserratregular;
resize: none;
transition:all .7s ease 0s;
}
button.disabled.submit_form {
background-color: #111;
box-shadow: 0px 10px 30px 0px rgba(72, 64, 64, 0.4);
border: 0;
color: #fff;
letter-spacing: .3px;
width: 150px;
position: relative;
font-size: 18px;
padding: 10px 10px;
float: right;
height: 48px;
top: 5px;
font-family: montserratregular;
margin-bottom: 25px;
}
button.disabled.submit_form img {
margin-left: 9px;
vertical-align: middle;
}
.submit-btn {
position: relative;
}
.submit-btn::before {
position: absolute;
background: url(https://www.chromeinfotech.net/wp-content/themes/wpexpert/asset/n-images/hand-cursor.png) no-repeat;
width: 32px;
height: 32px;
left: 50%;
top: 64px;
content: "";
z-index: 9;
}
img.contact_bgs {
position: absolute;
right: 0;
bottom: 0;
width: 348px;
z-index: 0;
}
.form-control:focus {
border-color: #00afff;
outline: 0;
-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 0px rgba(102,175,233,.6);
box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 0px rgba(102,175,233,.6);
}
.form-control:focus .icons_form{color: #00afff;}
form#contact-form {
z-index: 1;
position: relative;
}
input::placeholder { color: #666 !important;
opacity: 1;
font-family: montserratregular; }
input:-ms-input-placeholder { color: #666 !important;
font-family: montserratregular;
}
input::-ms-input-placeholder { color: #666 !important;
font-family: montserratregular;
}
textarea::placeholder { color: #666 !important;
opacity: 1;
font-family: montserratregular; }
textarea:-ms-input-placeholder { color: #666 !important;
font-family: montserratregular;
}
textarea::-ms-input-placeholder { color: #666 !important;
font-family: montserratregular;
}
.controls .submit-btn::before{display:none;}
.hvr-bounce-to-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.hvr-bounce-to-right:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #139dff;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
color: white;
}
.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
#hiddenmobilemenu li.contact_btns {
background: linear-gradient(to right, #fd8b2a, #fc5627);
padding: 4px 14px;
transition: all 1s ease 0s;
border-radius: 34px;
}
#hiddenmobilemenu li.contact_btns:hover {
background: linear-gradient(to right, #fc5627, #fd8b2a);
color: #fff;
}  @media screen and (max-width: 980px) {
.mob-menu {
display: block !important;
margin-left: auto;
}
}
@media screen and (max-width: 768px) {
.left {
width: 100%;
}
.right {
width: 100%;
}
#footer .lower .social {
display: none;
}
#footer .content {
margin: 10px 0;
}
#text-2 {
display: none;
}
.sidebar-layout>.content,
.sidebar-layout>.content>div,
.sidebar-layout>aside {
margin-bottom: 150px!important;
}
#header nav {
display: none;
}
#text-6{
display:none;
}
}
@media screen and (max-width: 640px) {
body.home #banner>div {
min-height: 360px!important;
}
#header>div {
height: 75px!important;
}
}
@media screen and (max-width: 480px) {
.customsidebar h2 {
font-size: 28px;
}
}
@media screen and (max-width: 320px) {
.customsidebar h2 {
font-size: 28px;
}
}
.success_wrap{background:#fff; position:relative;}
.success_cont {
position: relative;
padding:60px 10px;
}
.succ_cont_l {
position: relative;
display: inline-table;
width: 33.33%;
margin: 0 -3px -1px 0;
padding: 20px 20px;
min-height: 254px;
}
.succ_heading {
color: #111;
font-size: 24px;
text-transform: uppercase;
font-family: aventbold;
letter-spacing: .3px;
display: block;
padding: 0 0 0 39px;
}
img.edu_icons {
position: absolute;
width: 42px;
text-align: right;
left: 0;
display: inline-block;
}
ul.high_ul {
padding: 0;
margin: 20px 15px 20px 50px;
list-style-type: none;
}
ul.high_ul li a{font-size:18px;
color:#111;font-family:aventregular; display:block; text-decoration:none; margin:0 0 9px; position:relative;
}
ul.high_ul li a:hover{color:#f36678 !important; text-decoration:underline;}
ul.high_ul li a:hover::before {
position: absolute;
width: 15px;
height: 1px;
background: #f36d7e;
content: "";
left: -25px;
top: 12px;
}
ul.high_ul li {
list-style: circle;
}
@media screen and (max-width: 480px) {
.customsidebar h2 {
font-size: 28px;
}
.succ_cont_l {
position: relative;
display: inline-block;
width: 100%;
margin: 0 0px -1px 0;
padding: 20px 20px;
min-height: auto;
border: none;
}
.ciwao_banner {
width: 100%;
background-size: 200% 100%;
height: auto;
}
}
.ciwao_banner {
width: 100%;
padding: 0;
margin-top:-1px;
position: relative;
background-size: 100% 100%;
height: 220px;
}
.ciwao_cont {
padding-top: 50px;
}
.ciwao_caption {
padding-top: 50px;
z-index: 1;
text-align:center;
}
.ciwao_caption h1 {
font-size: 36px;
font-weight: 900;
font-family: aventbold;
letter-spacing: .3px;
color: #fff;
}
.ciwao_caption p {
font-size: 22px;
font-weight: 400;
padding: 0;
font-family: aventregular;
letter-spacing: .1px;
line-height: 30px;
color: #fff;
text-align: center;
margin:0 0 45px;
}
@media screen and (max-width: 768px) {
.left {
width: 100%;
}
.page-template nav#mega-menu-holder {
margin-bottom: 5px !important;
}
.right {
width: 100%;
}
#footer .lower .social {
display: none;
}
#footer .content {
margin: 10px 0;
}
#text-2 {
display: none;
}
.sidebar-layout>.content,
.sidebar-layout>.content>div,
.sidebar-layout>aside {
margin-bottom: 150px!important;
}
#header nav {
display: none;
}
#text-2{display:none;}
.ciwao_banner {
width: 100%;
background-size: 200% 100%;
height: auto;
}
.ciwao_cont {
padding-top: 0px;
}
}
.case-study {
background-size: cover;
background-attachment: fixed;
}
.heading_main {
font-family: Raleway-Bold;
color: #f48000;
font-size: 32px;
text-align: center;
text-transform: uppercase;
}
.heading_para {
font-family: Raleway-Regular;
font-style: normal;
color: #ffffff;
font-size: 18px;
text-align: center;
}
.case-text-o {
color: #f48000;
}
.form_title {
color: #f48000;
margin-bottom: 15px;
font-size: 36px;
font-family: aventdemi;
padding-left: 10px;
}
.form_title2 {
font-size: 27px;
color: #fff;
}
.case-study-form{
padding:20px;   
}
.case-study-form .submit-btn input {
color: #fff;
background: #f5821f;
padding: 15px 30px;
border: none;
font-size: 15px;
font-weight: bold;
text-transform: uppercase;
float:right;
border-radius:25px;
}
.case-study {
background-size: cover;
background-attachment: fixed;
}
.heading_main {
font-family: Raleway-Bold;
color: #f48000;
font-size: 32px;
text-align: center;
text-transform: uppercase;
}
.heading_para {
font-family: Raleway-Regular;
font-style: normal;
color: #ffffff;
font-size: 18px;
text-align: center;
}
.case-text-o {
color: #f48000;
}
.form_title {
color: #f48000;
margin-bottom: 15px;
font-size: 36px;
font-family: aventdemi;
padding-left: 10px;
}
.form_title2 {
font-size: 27px;
color: #fff;
}
.case-study-form{
padding:20px;   
}
.case-study-form .submit-btn input {
color: #fff;
background: #f5821f;
padding: 15px 30px;
border: none;
font-size: 15px;
font-weight: bold;
text-transform: uppercase;
float:right;
border-radius:25px;
}
@media only screen and (min-width : 992px) {
#footer {
width: 100%;
display: inline-block;
}
}
.hamburger.pull-right {
position: relative;
bottom: 64px;
}
.sticky-header .theme-main-menu.theme-menu-one {
z-index: 9;
}
.hamburger.pull-right {
z-index: 2;
}
.theme-main-menu.theme-menu-one.fixed {
height: 72px;
}
.fixed .hamburger.pull-right {
bottom: 51px;
}
.theme-main-menu.theme-menu-one.fixed {
z-index: 9;
}
.theme-main-menu.theme-menu-one {
background: none;
}
.hamburger.pull-right {
margin-top: 0;
}
.sticky-header.theme-main-menu {
height: 72px!important;
}
.sticky-header .hamburger.pull-right {
bottom: 51px!important;
}
.sticky-header .theme-main-menu.theme-menu-one {
background: none;
box-shadow:none!important;
}
.sticky-header nav#mega-menu-holder {
background-color: #fff;
}
.fixed nav#mega-menu-holder {
background-color: #fff;
}   h5.title a {
color: #244574!IMPORTANT;
}
@media only screen and (min-width : 992px) {
.solid-inner-banner {
padding: 0!Important;
}
.archive .sidebar-layout.clearfix {
margin-top: 0px!Important;
}
}
#banner p {
color: #fff;
}
span.ubermenu-target-title.ubermenu-target-text:focus-visible {
outline: none!Important;
}
nav#mega-menu-holder a:focus-visible {
outline: none!Important;
}
.ubermenu .ubermenu-item.ubermenu-item-level-0:focus-visible {
outline: none!Important;
}
nav#mega-menu-holder a:focus-visible {
outline: none!important;
}
ul.high_ul li a {
font-weight: 500;
font-family: 'Lato', Arial, Verdana, Sans-Serif!important;
}
.succ_heading {
font-weight: bold;
font-family: 'Lato', Arial, Verdana, Sans-Serif!important;
}
.ciwao_caption h1 {
font-family: 'Lato', Arial, Verdana, Sans-Serif!important;
}
.modal-header {
display: unset!important;
}
.ciwao_caption {
text-align: left!Important;
}
.ciwao_caption p {
text-align: left!Important;
}
.card {
background-color: unset!Important;
}
@media(max-width:992px)
{
.related-main .related-item {
width: 49% !important;
}
}
@media(max-width:600px)
{.agn-home-blog.our-blog-one {
padding: 20px 0px !important;
}
.home-banner .cont-form:before {
display: none !important;
}.dynamic-case-grid {
grid-template-columns: repeat(1, 1fr);
}
.client-testi-section .elementor-swiper-button {
padding: 0px;
}
}
@media(max-width:480px)
{
.related-main .related-item {
width: 100% !important;
}
}