body {
    font-family: 'Exo 2',sans-serif !important
}

::-webkit-scrollbar {
    width: 7px;
    height: 7px !important
}

::-webkit-scrollbar-track {
    background: #efefef
}

::-webkit-scrollbar-thumb {
    background: #403e3e;
    border-radius: 0
}

::-webkit-scrollbar-thumb:hover {
    background: #fd6308;
    cursor: pointer
}

::-webkit-scrollbar-thumb:active {
    background: #fd6308
}

.widith-pro {
    width: 100%;
    float: left;
    padding: 0px;
    margin: 0px;
    background: #1a466c;
    color: #fff;
    text-align: center
}

.widith-pro h3 {
}

.widith-pro .container {
    width: 100%;
    margin: 0px;
    padding: 0px
}

.widith-pro h3 {
    font-size: 34px;
    color: #fff;
    text-align: center;
    margin-top: 50px
}

.widith-pro h3 span {
    color: #f75b1e;
    text-align: center
}

.widith-pro p {
    font-size: 16px;
    color: #fff;
    text-align: center
}

.marquee-client {
    font-family: Arial,Helvetica,sans-serif;
    float: left;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    animation: marquee 50s linear infinite;
    -webkit-animation: rightThenLeft 50s linear;
    font-size: 103px;
    font-weight: 900;
    color: rgb(255 255 255 / 68%);
    text-shadow: none;
    -webkit-text-fill-color: #00000;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: rgba(152,149,149,.37);
    margin-bottom: -24px;
    margin-top: 40px;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: rgba(152,149,149,.37);
}

.serviceBox {
    font-family: 'Poppins',sans-serif;
    text-align: center;
    padding: 25px 35px 40px;
    position: relative;
    z-index: 1
}

.serviceBox:before,.serviceBox:after {
    content: "";
    background-color: var(--main-color);
    height: 100px;
    border-radius: 50%;
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1
}

.serviceBox:after {
    background-color: #fff;
    height: auto;
    border-radius: 50%/15%;
    top: 0;
    left: 15px;
    right: 15px;
    bottom: 15px
}

.serviceBox .service-icon {
    color: var(--main-color);
    font-size: 40px;
    margin: 0 0 0px
}

.service-icon .fa {
    color: #f75b1e !important
}

.serviceBox .title {
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0 0 10px;
    color: #f75b1e
}

.serviceBox .description {
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    margin: 0;
    color: #1a466c;
    height: 213px
}

.serviceBox.red {
    --main-color: #f75b1e
}

.serviceBox.green {
    --main-color: #008B85
}

.serviceBox.orange {
    --main-color: #FF7C19
}

@media only screen and (max-width: 1199px) {
    .serviceBox {
        margin:0 0 30px
    }
}

.top-banners {
    width: 100%;
    float: left;
    padding: 6px 0px;
    background: #1a466b;
    color: #fff
}

.top-banners .text-right {
    text-align: right
}

.top-links {
    color: #fff;
    text-decoration: blink;
    padding-right: 10px
}

.top-links:hover {
    color: #fff;
    text-decoration: blink
}

.sociall {
    color: #fff;
    padding-left: 10px
}

.top-menus {
    width: 100%;
    float: left;
    padding: 6px 0px;
    background: #fff
}

.modal-body input {
    height: 50px !important
}

.modal-body select {
    height: 50px !important
}

.jobs-text {
    font-size: 16px;
    color: #000;
    line-height: 28px;
    margin-bottom: 18px;
    text-align: justify
}

.jobs-text strong {
    color: #1a466c;
    font-weight: bold;
    font-size: 20px
}

.services-form-web {
    background: #fff !important;
    float: left;
    padding: 50px 0px;
    margin: 0px;
    width: 100%
}

.clients-web {
    background: #fff !important;
    float: left;
    padding: 50px 0px;
    margin: 0px;
    width: 100%
}

.heading-clients {
    color: #1a466b;
    font-size: 20px;
    width: 70%;
    text-align: center;
    margin: 0 auto
}

.clients-web img {
    padding: 10px;
    box-shadow: 0 0 5px #d3d3d3;
    margin: 10px;
    width: 100%;
    border-radius: 4px
}

.tags-job {
    font-size: 37px;
    font-weight: 900;
    text-align: left;
    text-transform: capitalize;
    margin-bottom: 0px;
    color: #000;
    line-height: 40px
}

.hr-jobs {
    width: 50px;
    border: none!important;
    margin: 0px 0;
    height: 4px;
    background: #f75b1e;
    margin-bottom: 20px
}

.jobs-pages ul {
}

.jobs-pages ul li {
}

.jobs-pages h1 {
    font-size: 20px;
    margin-bottom: 0px;
    line-height: 30px
}

.jobs-pages h2 {
    font-size: 20px;
    margin-bottom: 0px
}

.jobs-pages h3 {
    font-size: 20px;
    margin-bottom: 0px
}

.jobs-pages h5 {
    font-size: 20px
}

.jobs-pages h5 span {
    border: solid 2px #eb571d;
    padding: 5px 20px;
    color: #eb571d;
    border-left: solid 4px #1a466c
}

.serviceBoxx {
    color: var(--main-color);
    font-family: 'Nunito',sans-serif;
    text-align: center;
    padding: 50px 20px 70px;
    position: relative;
    z-index: 1
}

.serviceBoxx:before,.serviceBoxx:after {
    content: '';
    background-color: var(--main-color);
    box-shadow: 0 0 10px rgba(0,0,0,0.5) inset;
    position: absolute;
    left: 30px;
    right: 30px;
    top: 0;
    bottom: 0;
    z-index: -1;
    clip-path: polygon(0 0,100% 0,100% 100%,50% 89%,0 100%)
}

.serviceBoxx:after {
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 0 15px rgba(0,0,0,0.3);
    top: 30px;
    bottom: 45px;
    left: 0;
    right: 0;
    clip-path: none
}

.serviceBoxx .service-icon {
    color: #888;
    font-size: 40px;
    margin: 0 auto 10px
}

.serviceBoxx .title {
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 5px;
    line-height: 22px;
    letter-spacing: 0px
}

.serviceBoxx .description {
    color: #333;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0.3px;
    margin: 0
}

.serviceBoxx.purple {
    --main-color: #9B3E8F
}

.serviceBoxx.blue {
    --main-color: #3B4799
}

.serviceBoxx.lightblue {
    --main-color: #3F9CD6
}

@media only screen and (max-width: 1199px) {
    .serviceBoxx {
        margin:0 0 40px
    }
}

.jobs-pages h4 {
    text-align: center
}

.jobs-pages h4 span {
    border: solid 2px #f75b1e;
    padding: 5px 20px;
    color: #f75b1e;
    border-left: solid 4px #1a466c
}

.jobs-pages .thumbnail {
    padding: 20px;
    border: solid 1px #ddd;
    border-radius: 35px 0px 35px 0px;
    height: auto;
    float: left;
    width: 100%
}

.jobs-pages .thumbnaill {
    padding: 24px !important;
    border: solid 1px #ddd !important;
    border-radius: 35px 0px 35px 0px;
    height: 303px !important;
    float: left !important;
    width: 100% !important;
    margin-bottom: 20px
}

.jobs-pages audio {
    margin-bottom: 20px !important;
    background: #f75b1e;
    padding: 4px;
    border-radius: 50px
}

.jobs-pages .thumbnail h3 {
    text-align: center;
    color: #1a466c
}

.jobs-pages img {
    width: 100%;
    float: left;
    padding: 0px;
    margin: 0px 0px 10px 0px
}

.jobs-pages p {
    font-size: 16px;
    color: #000
}

.jobs-pages {
    padding: 50px 0px;
    margin: 0px;
    float: left;
    width: 100%
}

.jobs-pages input {
    height: 55px;
    border: solid 1px #ddd !important
}

.jobs-pages textarea {
    height: 195px !important;
    border: solid 1px #ddd !important
}

.find-floow-work input {
    height: 55px;
    border: solid 1px #ddd !important
}

.find-floow-work select {
    height: 55px;
    border: solid 1px #ddd !important
}

.find-floow-work textarea {
    height: 265px !important;
    border: solid 1px #ddd !important
}

.find-floow-work .btn {
    background: #1a466c !important;
    color: #fff !important;
    padding: 9px 40px !important;
    border-radius: 50px !important;
    font-size: 20px !important
}

.jobs-pages .btn {
    background: #1a466c !important;
    color: #fff !important;
    padding: 9px 40px !important;
    border-radius: 50px !important;
    font-size: 20px !important;
    width: 100% !important
}

.contact-fa {
    background: #eca644 !important;
    color: #fff !important;
    border-radius: 100%;
    height: 50px !important;
    width: 50px !important;
    text-align: center !important;
    float: left !important;
    line-height: 46px !important;
    border: solid 2px #fff;
    font-size: 21px !important;
    margin-bottom: 16px
}

.contact-apkiawaz textarea {
    border-radius: 10px;
    height: 120px !important;
    border: none;
    box-shadow: 0 0 4px #ddd;
    font-size: 13px;
    margin-bottom: 10px
}

.apki-aawaaz-map {
    float: left;
    width: 100%
}

.apkiawaz-apply {
    color: #ffff;
    padding: 13px 35px !important;
    position: relative;
    background: #1f2b5b;
    border-radius: 16px !important;
    margin-top: 12px;
    float: left;
    margin-right: 15px;
    font-size: 16px !important;
    font-weight: bold !important
}

.contact-apkiawaz {
    background: #f75b1e;
    float: left;
    width: 100%;
    padding: 0px;
    margin-top: 50px;
    margin-bottom: 50px;
    height: 471px
}

.contact-apkiawaz .thumbnail {
    background: #1e2a59;
    border-radius: 20px;
    border: none;
    padding: 60px 25px;
    margin-top: -25px
}

.contact-apkiawaz-tags {
    font-size: 40px;
    font-weight: bold;
    color: #1f2b5b;
    line-height: 42px
}

.hr-tag {
    width: 70px;
    border: none!important;
    margin: 0px;
    height: 4px;
    background: #1f2b5b;
    margin-bottom: 20px
}

.contact-apkiawaz .thumbnail p {
    color: #fff;
    font-size: 13px
}

.contact-link {
    color: #fff !important;
    font-size: 15px !important;
    padding-top: 13px;
    float: left
}

.contact-apkiawaz input {
    border-radius: 10px;
    height: 47px;
    border: none;
    box-shadow: 0 0 4px #ddd;
    font-size: 13px;
    margin-bottom: 10px
}

.contact-apkiawaz select {
    border-radius: 10px;
    height: 47px;
    border: none;
    box-shadow: 0 0 4px #ddd;
    font-size: 13px;
    margin-bottom: 10px
}

.apki-aawaaz-header {
    width: 100%;
    float: left;
    padding: 0px
}

.apki-aawaaz {
    background: #1a466c;
    padding: 60px 0px;
    float: left;
    width: 100%;
    color: #fff
}

.apki-aawaaz h2 {
    text-align: center;
    font-size: 27px;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 33px;
    color: #fff
}

.apki-aawaaz h2 span {
    border: solid 2px #fff !important;
    padding: 8px 30px;
    border-radius: 3px
}

.counter {
    font-family: 'Poppins',sans-serif;
    text-align: center;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0 auto;
    position: relative;
    z-index: 1
}

.counter:before,.counter:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    z-index: -1
}

.counter:after {
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
    top: 20px;
    left: 20px;
    right: 20px;
    bottom: 20px;
    clip-path: none
}

.counter .counter-icon {
    margin: 0 auto 1px
}

.counter .counter-value {
    margin: 0 0 5px;
    display: block;
    font-size: 50px;
    font-weight: bold
}

.counter h3 {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.5px;
    text-transform: capitalize;
    margin: 0
}

.counter.green {
    --main-color: #10ac84
}

.counter.red {
    --main-color: #eb2f06
}

.counter.purple {
    --main-color: #341f97
}

@media screen and (max-width: 990px) {
    .counter {
        margin-bottom:40px
    }
}

.apki-aawaaz h3 {
    font-size: 15px;
    margin: 0px 0px 10px 0px;
    font-weight: bold;
    letter-spacing: 0px
}

.apki-aawaaz h4 span {
    border: solid 2px #fff;
    padding: 3px 15px;
    border-left: solid 5px #f75b1e;
    float: left;
    width: 100%;
    margin-bottom: 15px
}

.apki-aawaaz h4 {
    font-size: 15px;
    margin: 0px 0px 10px 0px;
    font-weight: bold;
    letter-spacing: 0px;
    color: #fff
}

.apki-aawaaz ul {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 20px 19px
}

.apki-aawaaz ul li {
}

.apki-aawaaz .thumbnail {
    padding: 18px;
    height: 290px
}

.apki-aawaaz .thumbnail p {
    color: #000;
    text-align: left
}

.tags {
    font-size: 45px;
    font-weight: 900;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 0px
}

.tagss {
    font-size: 39px;
    font-weight: 100;
    text-align: center;
    text-transform: uppercase
}

.hr-apkiaawaaz {
    width: 70px;
    border: none!important;
    margin: 20px auto;
    height: 4px;
    background: #fff;
    margin-bottom: 20px
}

.hr-footer {
    width: 35px;
    border: none!important;
    margin: 0px 0px 20px 0px;
    height: 4px;
    background: #fff
}

.footer-tags {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 10px
}

.margens {
    margin-bottom: 20px
}

.apki-aawaaz p {
    text-align: justify;
    font-size: 16px;
    line-height: 25px
}

.apki-aawaaz-sercvices {
    background: #f75b1e;
    padding: 60px 0px;
    float: left;
    width: 100%;
    color: #fff
}

.apki-aawaaz-sercvices h1 {
    font-size: 45px;
    font-weight: 900;
    text-align: center;
    text-transform: uppercase;
    margin: -14px 0px 0px 0px;
    color: #fff
}

.apki-aawaaz-sercvices img {
    border-radius: 10px;
    border: solid 2px #cd4510;
    box-shadow: 0 0 10px #af4218
}

.why-hire-me {
    background: url(../image/why-hire-me-back.jpg) center fixed;
    padding: 60px 0px;
    float: left;
    width: 100%;
    color: #fff
}

.why-hire-me .tags {
    font-size: 45px;
    font-weight: 900;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 33px
}

.why-hire-me .tagss {
    font-size: 39px;
    font-weight: 100;
    text-align: center;
    text-transform: uppercase
}

.why-hire-me .hr-apkiaawaaz {
    width: 70px;
    border: none!important;
    margin: 17px auto;
    height: 4px;
    background: #fff;
    margin-bottom: 20px
}

.why-hire-me .thumbnail {
    background: #f75b1e;
    border: none;
    text-align: center;
    padding: 27px 20px
}

.why-hire-me .thumbnail h3 {
    margin: -10px 0px 18px 0px;
    font-size: 18px;
    font-weight: bold;
    color: #fff
}

.why-hire-me .thumbnail p {
    font-size: 23px;
    margin: 0px;
    color: #fff;
    font-weight: 500;
    line-height: 26px
}

.why-hire-me .thumbnail img {
    width: 66px;
    margin-bottom: 13px
}

.hurry-up .col-md-3 {
    width: 16% !important
}

.hurry-up .col-md-1 {
    width: 4%;
    font-size: 37px;
    color: #f75b1e;
    padding: 57px 0px 0px 0px
}

.hurry-up {
    padding: 50px 0px;
    float: left;
    width: 100%;
    color: #1a466c;
    text-align: center
}

.box {
    position: relative;
    perspective: 1000px;
    background: #f75b1e;
    border-radius: 50px 0px;
    height: 150px;
    width: 150px;
    color: #fff;
    font-size: 16px;
    padding: 7% 5%;
    border: solid 3px #1a466c
}

.box img {
    width: 70px;
    height: 70px;
    background: #fff;
    border-radius: 23px 0px;
    padding: 7px;
    margin-top: 10px
}

.box .content {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #f75b1e;
    border-radius: 50px 0px;
    padding: 13% 5%;
    text-align: center;
    background: #1a466c;
    opacity: 0;
    transform: translateX(-20%);
    transition: all 0.40s ease-in-out 0s
}

.box:hover .content {
    opacity: 1;
    transform: translateX(0%)
}

.box .title {
    font-size: 13px;
    color: #fff;
    margin-bottom: 15px;
    text-transform: capitalize
}

.box .description {
    font-size: 14px;
    color: #fff
}

@media screen and (max-width: 990px) {
    .box {
        margin-bottom:15px
    }
}

.hurry-up .tags {
    font-size: 45px;
    font-weight: 900;
    text-align: center;
    line-height: 34px;
    margin-bottom: 10px
}

.hurry-up .tagss {
    font-size: 39px;
    font-weight: 100;
    text-align: center;
    margin-bottom: 10px;
    text-transform: uppercase
}

.hurry-up p {
    font-size: 19px;
    line-height: 29px;
    text-align: justify;
    color: #1a466c
}

.hurry-up .container-fluid {
    margin: 0px
}

.hurry-up .hr-apkiaawaaz {
    width: 70px;
    border: none!important;
    margin: 10px 0;
    height: 4px;
    background: #1a466c;
    margin-bottom: 20px
}

.testimonials {
    background: url(../image/testimonials-back.jpg) left fixed;
    width: 100%;
    float: left;
    padding: 60px 0px;
    background-size: contain
}

.testimonials .tags {
    font-size: 46px;
    font-weight: 900;
    color: #fff;
    text-align: center;
    line-height: 33px;
    margin-bottom: 0px
}

.testimonials .tagss {
    font-size: 39px;
    font-weight: 100;
    text-align: center;
    color: #fff;
    margin-top: 10px;
    text-transform: uppercase
}

.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 33px !important;
    height: 12px !important;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);
    opacity: .5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #fff !important
}

.testimonial {
    padding: 70px 25px 100px;
    margin-bottom: 30px;
    position: relative;
    background: #fff;
    border-radius: 10px
}

.testimonial:after {
    content: "\f10d";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 30px;
    color: #f75b1e;
    position: absolute;
    top: 20px;
    left: 25px;
    display: none
}

.testimonial .description {
    font-size: 16px;
    color: #666;
    line-height: 26px
}

.testimonial .pic {
    width: 100px;
    height: 100px;
    position: absolute;
    bottom: -30px;
    left: 25px
}

.testimonial .pic img {
    width: 100%;
    height: auto
}

.testimonial .testimonial-title {
    font-size: 20px;
    color: #f75b1e;
    position: absolute;
    bottom: 15px;
    left: 150px
}

.testimonial .testimonial-title small {
    display: block;
    font-size: 14px;
    color: #666;
    margin-top: 0px
}

.owl-theme .owl-controls .owl-page.active span {
    background: #1a466c
}

.find-floow-work {
    width: 100%;
    float: left;
    padding: 60px 0px;
    background: #fff;
    color: #1a466c
}

.find-floow-work .col-md-2 {
    padding: 0px
}

.client-img {
}

.client-img img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
    -webkit-transition: all .6s ease;
    -webkit-backface-visibility: hidden
}

.client-img img:hover {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0,0 1 0 0 0,0 0 1 0 0,0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%)
}

.find-floow-work .tags {
    font-size: 65px;
    font-weight: 900;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 10px;
    line-height: 70px;
    margin-top: -20px
}

.boredr-a {
    border-bottom: solid 1px #23537c;
    border-right: solid 1px #23537c;
    width: 100%;
    padding: 30px
}

.boredr-b {
    border-bottom: solid 1px #23537c;
    border-right: solid 0px #23537c;
    width: 100%;
    padding: 30px
}

.boredr-c {
    border-bottom: solid 0px #23537c;
    border-right: solid 1px #23537c;
    width: 100%;
    padding: 30px
}

.boredr-a:hover {
    background: #1d527f
}

.boredr-b:hover {
    background: #1d527f
}

.boredr-c:hover {
    background: #1d527f
}

.footer-pad {
    padding-left: 50px !important
}

.footer-backgrounds {
    width: 100%;
    float: left;
    padding: 50px 0px;
    margin: 0px;
    background: url(../image/footer-banner.jpg) center
}

.footer-backgrounds h3 {
    font-size: 45px;
    color: #fff;
    text-transform: uppercase
}

.footer-backgrounds h3 span {
    font-size: 45px;
    color: #1a466c;
    text-transform: uppercase
}

.footer-backgrounds .mailet {
    float: left;
    color: #fff;
    font-size: 22px;
    text-decoration: blink;
    margin-bottom: 10px;
    width: 100%
}

.footer-backgrounds .mailetn {
    float: left;
    color: #fff;
    font-size: 32px;
    text-decoration: blink;
    font-weight: bold;
    margin-bottom: 10px;
    width: 100%
}

.footer-backgrounds .social {
    float: left;
    padding: 10px;
    border: solid 1px #ddd;
    width: 40px;
    height: 40px;
    margin-right: 12px;
    color: #fff !important;
    line-height: 20px;
    text-align: center;
    border-radius: 3px
}

.hr-footer {
    width: 35px;
    border: none!important;
    margin: 0px;
    height: 4px;
    background: #fff;
    margin-bottom: 10px
}

.footer-backgrounds .social:hover {
    border: solid 1px #000;
    background: #000;
    color: #fff !important
}

.fooet-aapki-aawaaz {
    background: #111517;
    padding: 60px 0px;
    float: left;
    margin: 0px;
    width: 100%
}

.fooet-aapki-aawaaz p {
    font-size: 16px;
    color: #c1c1c1;
    line-height: 29px
}

.foo-link {
    line-height: 35px;
    color: #c1c1c1;
    font-size: 16px
}

.foo-link:hover {
    color: #fff;
    text-decoration: blink
}

.copyright {
    border: solid 1px #ddd;
    padding: 10px 20px;
    font-size: 16px;
    color: #fff;
    border-radius: 5px
}

.profile {
    position: fixed;
    right: 10px;
    top: 86px;
    z-index: 9
}

.hireal {
    position: fixed;
    right: 10px;
    top: 270px;
    z-index: 9
}

.profile img {
    width: 35px
}

.hireal img {
    width: 35px
}

.carousel-indicators li {
    display: inline-block;
    width: 43px !important;
    height: 13px !important;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000\9;
    background-color: rgba(0,0,0,0);
    border: 1px solid #fff;
    border-radius: 10px
}

.carousel-indicators .active {
    width: 43px !important;
    height: 13px !important
}

.carousel-indicators {
    bottom: 100px !important
}

@media all and (max-width: 320px),(max-width:375px),(max-width:384px),(max-width:414px),(max-device-width:450px),(max-device-width:480px),(max-device-width:540px) {
    .contact-link {
        color:#fff !important;
        font-size: 10px !important;
        padding-top: 13px;
        float: left
    }

    .contact-link {
        color: #fff !important;
        font-size: 13px !important;
        padding-top: 9px;
        float: left;
        padding-left: 12px
    }

    .contact-apkiawaz-tags {
        font-size: 30px;
        font-weight: bold;
        color: #1f2b5b;
        line-height: 36px
    }

    .contact-apkiawaz {
        height: auto !important
    }

    .jobs-pages h4 {
        text-align: center;
        font-size: 18px;
        letter-spacing: 0px
    }

    .jobs-pages p {
        font-size: 13px;
        color: #000
    }

    .footer-backgrounds h3 {
        font-size: 20px;
        color: #fff;
        text-transform: uppercase;
        float: left;
        width: 100%
    }

    .footer-backgrounds .mailetn {
        float: left;
        color: #fff;
        font-size: 22px;
        text-decoration: blink;
        font-weight: bold;
        margin-bottom: 10px;
        width: 100%
    }

    .footer-pad {
        padding-left: 15px !important;
        padding-top: 20px;
        float: left
    }

    .footer-backgrounds h3 span {
        font-size: 20px !important
    }

    .footer-backgrounds {
        width: 100%;
        float: left;
        padding: 50px 0px;
        margin: 0px;
        background: #006391
    }

    .hurry-up .col-md-3 {
        width: 45% !important;
        margin: 3px
    }

    .testimonials {
        background-size: cover
    }

    .find-floow-work .col-md-2 {
        padding: 0px;
        width: 31%;
        float: left
    }

    .cclients-new img {
        width: 100%;
        height: 111px !important
    }

    .hurry-up .col-md-1 {
        display: none !important
    }

    .top-banners .text-right {
        text-align: center
    }

    .marquee-client {
        font-size: 43px !important
    }

    .apki-aawaaz h2 {
        text-align: center;
        font-size: 18px
    }

    .serviceBox .description {
        font-size: 14px;
        line-height: 22px;
        text-align: center;
        margin: 0;
        color: #1a466c;
        height: auto
    }

    .top-banners {
        text-align: center
    }

    .apki-aawaaz-sercvices h1 {
        font-size: 17px;
        font-weight: 900;
        text-align: center;
        text-transform: uppercase;
        margin: ;
        color: #fff;
        letter-spacing: 0px;
        line-height: 31px
    }

    .apki-aawaaz .thumbnail {
        padding: 18px;
        height: auto
    }

    .carousel-indicators {
        display: none !important
    }

    .profile {
        position: fixed;
        right: 4px;
        top: 55px;
        z-index: 9
    }

    .hireal {
        position: fixed;
        right: 4px;
        top: 161px;
        z-index: 9
    }

    .profile img {
        width: 20px
    }

    .hireal img {
        width: 20px
    }

    .apki-aawaaz-header {
        width: 100%;
        float: left;
        padding: 0px;
        margin-top: 0px;
        border-top: solid
    }

    .hr-apkiaawaaz {
        width: 50px;
        border: none !important;
        margin: 7px auto;
        margin-bottom: 7px;
        height: 1px;
        background: #fff;
        margin-bottom: 20px
    }

    .apki-aawaaz p {
        text-align: justify;
        font-size: 13px;
        line-height: 20px
    }

    .apki-aawaaz {
        padding: 30px 0px
    }

    .apki-aawaaz-sercvices {
        padding: 30px 0px
    }

    .tags {
        font-size: 25px;
        margin-bottom: 2px
    }

    .tagss {
        font-size: 20px;
        font-weight: 100;
        text-align: center;
        text-transform: uppercase
    }

    .why-hire-me .tags {
        font-size: 25px;
        margin-bottom: 2px
    }

    .why-hire-me .tagss {
        font-size: 20px
    }

    .hurry-up .tags {
        font-size: 25px;
        font-weight: 900;
        text-align: center;
        line-height: 35px;
        margin-bottom: 0px
    }

    .hurry-up p {
        font-size: 13px;
        line-height: 22px;
        text-align: justify;
        color: #1a466c
    }

    .testimonials .tags {
        font-size: 25px;
        font-weight: 900;
        color: #fff;
        text-align: center;
        line-height: 28px;
        margin-bottom: 0px
    }

    .testimonials .tagss {
        font-size: 20px
    }

    .find-floow-work .tags {
        font-size: 25px;
        margin-bottom: 2px;
        line-height: 30px
    }

    .boredr-c {
        border-bottom: solid 0px #23537c;
        border-right: solid 1px #23537c;
        width: 100%;
        padding: 10px
    }

    .footer-backgrounds .mailet {
        float: left;
        color: #fff;
        font-size: 18px;
        text-decoration: blink;
        margin-bottom: 10px;
        width: 100%
    }

    footer-backgrounds .mailetn {
        float: left;
        color: #fff;
        font-size: 16px;
        text-decoration: blink;
        font-weight: bold;
        margin-bottom: 10px;
        width: 100%
    }

    .copyright {
        border: solid 1px #ddd;
        padding: 5px 20px;
        font-size: 11px;
        color: #fff;
        border-radius: 5px;
        float: left;
        width: 100%;
        margin-bottom: 30px;
        text-align: center
    }

    .fooet-aapki-aawaaz {
        background: #111517;
        padding: 30px 0px
    }
}

.client-logo1 {
    padding: 0px;
    text-align: center;
    margin-top: 0px
}

.client-logo1 ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.client-logo1 .client-logo-a {
    background-position: -30px -82px;
    width: 115px;
    height: 40px
}

.client-logo1 a i {
    background: url(../image/all-logo.png) no-repeat;
    display: inline-block;
    -webkit-transition: all .5s cubic-bezier(.09,.11,.24,.91);
    -moz-transition: all .5s cubic-bezier(.09,.11,.24,.91);
    -moz-transition: all .5s cubic-bezier(.09,.11,.24,.91);
    -ms-transition: all .5s cubic-bezier(.09,.11,.24,.91);
    -o-transition: all .5s cubic-bezier(.09,.11,.24,.91)
}

.client-logo1 .client-logo-a {
    background-position: -30px -82px;
    width: 115px;
    height: 40px
}

.client-logo1 a i {
    background: url(../image/all-logo.png) no-repeat;
    display: inline-block;
    -webkit-transition: all .5s cubic-bezier(.09,.11,.24,.91);
    -moz-transition: all .5s cubic-bezier(.09,.11,.24,.91);
    -moz-transition: all .5s cubic-bezier(.09,.11,.24,.91);
    -ms-transition: all .5s cubic-bezier(.09,.11,.24,.91);
    -o-transition: all .5s cubic-bezier(.09,.11,.24,.91)
}

.client-logo1 .client-logo-a {
    background-position: -30px -82px;
    width: 115px;
    height: 51px
}

.client-logo1 a:hover .client-logo-a {
    background-position: -30px -21px;
    width: 115px;
    height: 40px
}

.client-logo1 .client-logo-b {
    background-position: -202px -82px;
    width: 110px;
    height: 42px
}

.client-logo1 a:hover .client-logo-b {
    background-position: -203px -17px;
    width: 91px;
    height: 33px
}

.client-logo1 .client-logo-c {
    background-position: -351px -87px;
    width: 125px;
    height: 28px
}

.client-logo1 a:hover .client-logo-c {
    background-position: -349px -23px;
    width: 127px;
    height: 29px
}

.client-logo1 .client-logo-d {
    background-position: -545px -77px;
    width: 59px;
    height: 51px
}

.client-logo1 a:hover .client-logo-d {
    background-position: -545px -14px;
    width: 59px;
    height: 51px
}

.client-logo1 .client-logo-e {
    background-position: -693px -75px;
    width: 83px;
    height: 54px
}

.client-logo1 a:hover .client-logo-e {
    background-position: -693px -12px;
    width: 83px;
    height: 54px
}

.client-logo1 .client-logo-f {
    background-position: -868px -76px;
    width: 52px;
    height: 52px
}

.client-logo1 a:hover .client-logo-f {
    background-position: -866px -11px;
    width: 55px;
    height: 56px
}

.client-logo1 .client-logo-g {
    background-position: -25px -201px;
    width: 131px;
    height: 50px
}

.client-logo1 a:hover .client-logo-g {
    background-position: -25px -138px;
    width: 130px;
    height: 49px
}

.client-logo1 .client-logo-h {
    background-position: -221px -200px;
    width: 50px;
    height: 53px
}

.client-logo1 a:hover .client-logo-h {
    background-position: -226px -136px;
    width: 42px;
    height: 56px
}

.client-logo1 .client-logo-i {
    background-position: -357px -204px;
    width: 113px;
    height: 44px
}

.client-logo1 a:hover .client-logo-i {
    background-position: -347px -139px;
    width: 135px;
    height: 50px
}

.client-logo1 .client-logo-j {
    background-position: -512px -213px;
    width: 123px;
    height: 29px
}

.client-logo1 a:hover .client-logo-j {
    background-position: -512px -154px;
    width: 123px;
    height: 22px
}

.client-logo1 .client-logo-k {
    background-position: -693px -201px;
    width: 80px;
    height: 50px
}

.client-logo1 a:hover .client-logo-k {
    background-position: -691px -133px;
    width: 79px;
    height: 58px
}

.client-logo1 .client-logo-l {
    background-position: -848px -203px;
    width: 93px;
    height: 45px
}

.client-logo1 a:hover .client-logo-l {
    background-position: -849px -139px;
    width: 90px;
    height: 48px
}

.client-logo1 .client-logo-m {
    background-position: -55px -322px;
    width: 58px;
    height: 59px
}

.client-logo1 a:hover .client-logo-m {
    background-position: -58px -261px;
    width: 56px;
    height: 56px
}

.client-logo1 .client-logo-n {
    background-position: -204px -325px;
    width: 82px;
    height: 53px
}

.client-logo1 a:hover .client-logo-n {
    background-position: -205px -260px;
    width: 91px;
    height: 56px
}

.client-logo1 .client-logo-o {
    background-position: -390px -327px;
    width: 42px;
    height: 50px
}

.client-logo1 a:hover .client-logo-o {
    background-position: -383px -261px;
    width: 53px;
    height: 53px
}

.client-logo1 .client-logo-p {
    background-position: -511px -325px;
    width: 126px;
    height: 51px
}

.client-logo1 a:hover .client-logo-p {
    background-position: -508px -262px;
    width: 132px;
    height: 51px
}

.client-logo1 .client-logo-q {
    background-position: -709px -326px;
    width: 51px;
    height: 52px
}

.client-logo1 a:hover .client-logo-q {
    background-position: -707px -263px;
    width: 51px;
    height: 52px
}

.client-logo1 .client-logo-r {
    background-position: -826px -337px;
    width: 139px;
    height: 31px
}

.client-logo1 a:hover .client-logo-r {
    background-position: -819px -268px;
    width: 145px;
    height: 38px
}

.client-logo1 .client-logo-s {
    background-position: -22px -461px;
    width: 137px;
    height: 24px
}

.client-logo1 a:hover .client-logo-s {
    background-position: -22px -401px;
    width: 137px;
    height: 24px
}

.client-logo1 .client-logo-t {
    background-position: -218px -450px;
    width: 51px;
    height: 50px
}

.client-logo1 a:hover .client-logo-t {
    background-position: -217px -386px;
    width: 55px;
    height: 55px
}

.client-logo1 .client-logo-u {
    background-position: -346px -457px;
    width: 127px;
    height: 35px
}

.client-logo1 a:hover .client-logo-u {
    background-position: -345px -394px;
    width: 136px;
    height: 40px
}

.client-logo1 .client-logo-v {
    background-position: -514px -453px;
    width: 128px;
    height: 46px
}

.client-logo1 a:hover .client-logo-v {
    background-position: -514px -390px;
    width: 128px;
    height: 46px
}

.client-logo1 .client-logo-w {
    background-position: -676px -457px;
    width: 116px;
    height: 33px
}

.client-logo1 a:hover .client-logo-w {
    background-position: -664px -391px;
    width: 138px;
    height: 43px
}

.client-logo1 .client-logo-x {
    background-position: -830px -457px;
    width: 132px;
    height: 31px
}

.client-logo1 a:hover .client-logo-x {
    background-position: -821px -389px;
    width: 148px;
    height: 40px
}

.client-logo1 ul li {
    text-align: center;
    width: 10%;
    display: inline-block;
    vertical-align: middle;
    padding: 18px 0
}

.cclients-new {
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s
}

.cclients-new img {
    height: 100px;
    float: left;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s
}

.cclients-new img:hover {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1)
}

.boxx-fav {
    font-size: 20px!important;
    font-weight: 400!important;
    border: solid 1px #fff!important;
    color: #fff!important;
    border-radius: 100%!important;
    width: 45px!important;
    height: 45px!important;
    line-height: 40px!important;
    box-shadow: 0 0 10px #000!important;
    text-align: center
}

.form-field {
    width: 265px;
    border-radius: 4px
}

.clients-new {
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s
}

.clients-new img {
    height: 100px;
    float: left;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%)
}

.clients-new img:hover {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1)
}