@import url("https://fonts.googleapis.com/css?family=Open+Sans");
/*Comman Variables*/
body {
    margin: 0;
    padding: 0;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
}

.pt-200 {
    padding-top: 200px;
}

.pt-300 {
    padding-top: 300px;
}

.pt-100 {
    padding-top: 100px;
}

.pt-50 {
    padding-top: 50px;
}

.mb-50 {
    margin-bottom: 50px;
}

/*Header Css Start*/
.trasprentbg {
    background-color: transparent;
    padding-left: 30px;
    padding-right: 30px;
}

.trasprentbg #navbarNavDropdown a {
    color: #000;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #888;
}

.main-header nav ul li a {
    color: #ffffff;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.04px;
    line-height: 29px;
}

.main-header .dropdown:hover > .dropdown-menu {
    display: block;
    margin: 0px;
}

.main-header .dropdown > .dropdown-toggle:active {
    pointer-events: none;
}

.main-header .cust-nav {
    margin: 0 25px;
}

.main-header .mob-show {
    display: none;
}

.main-header .navbar .cust-nav .nav-link:hover {
    color: #f79200 !important;
}

.main-header .dropdown-menu.show {
    margin: 0;
}

.main-header a.dropdown-item:hover {
    color: #ffffff !important;
    text-decoration: none;
    background-color: #f79200 !important;
}

.activeheader {
    background-color: #5242cb;
    -webkit-transition: 1.5s;
    transition: 1.5s;
    color: #ffffff !important;
}

.top-logo {
    height: 39px;
}

.navbar-collapse > ul > li > a {
    color: #ffffff !important;
}

.header {
    position: relative;
}

/*End Header Css*/
/*Hero Image Section Css Start*/
.top-hero-img {
    z-index: 0;
    background-image: url(../images/hero-bg-shape.svg);
    background-size: cover;
    background-position: top left;
    background-repeat: no-repeat;
    min-height: 2140px;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

.top-hero-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 900px;
}

.sub-image {
    background-image: url(../images/di-banner-image@2x.png);
    width: 100%;
    height: 900px;
    background-repeat: no-repeat;
    background-position: right top;
    background-size: contain;
    position: absolute;
    top: 215px;
}

.resource-link::after {
    display: inline-block;
    width: 0;
    height: 0;
    content: "\f107";
    font-family: FontAwesome;
    border: 0px;
    margin-left: 0;
    vertical-align: 0;
}

.input-group-addon {
    padding: 0.5rem 0.75rem;
    position: absolute;
    margin-bottom: 0;
    right: 5px;
    top: 2px;
    z-index: 999;
    font-size: 1rem;
    font-weight: 400;
    border-left: 0px !important;
    color: #495057;
    box-shadow: none;
    text-align: center;
    background-color: transparent;
    border: 0px solid #E3EBF6;
    border-radius: 0.25rem;
}

.input-group-addon a {
    color: #d2d7db;
}

.input-group-addon a i.fa-eye-slash {
    color: #0d6efd;
}

.res-details-form .form-group .input-group input.form-control {
    width: 100%;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

.btn-get-top {
    padding: 13px 25px;
    border-radius: 27.5px;
    background-color: #f79200;
    font-family: "Open Sans", sans-serif !important;
    font-size: 14px !important;
    font-weight: bold !important;
    letter-spacing: 0.88px !important;
    line-height: 19px !important;
    width: 100%;
}

.top-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 10px;
}

.top-header > .email > a > i {
    color: #f79200;
}

.top-header > .contact > a > i {
    color: #f79200;
}

.email {
    font-size: 16px;
    line-height: 22px;
    color: #ffffff;
}

.email > a {
    margin-bottom: 0px;
    margin-right: 40px;
    color: #ffffff;
    text-decoration: none;
}

.contact {
    font-size: 16px;
    line-height: 22px;
    color: #ffffff;
}

.sign-up {
    margin-right: 25px;
}

.sign-up > a {
    margin-bottom: 0;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.04px;
    line-height: 22px;
    font-family: "Open Sans", sans-serif;
    margin: 0 10px;
    text-decoration: none;
}

.sign-up span {
    color: #ffffff;
    border-left: 1px solid #ffffff;
    height: 500px;
}

.custom-container {
    max-width: 85%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
}

.hero-text {
    width: 54%;
    padding-top: 5%;
    position: relative;
    z-index: 1;
}

.hero-text > h1 {
    color: #ffffff;
    font-size: 48px;
    line-height: 65px;
    margin-bottom: 33px;
    -webkit-animation: fadeIn 1s ease-in both;
    animation: fadeIn 1s ease-in both;
}

.hero-text p {
    opacity: 0.7;
    color: #ffffff;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
    text-align: left;
    margin-bottom: 50px;
}

.hero-text p > a {
    opacity: 1 !important;
    color: #ffffff;
    text-decoration: underline;
    font-weight: bold;
    letter-spacing: .8px;
    white-space: nowrap;
}

.link-text-top {
    opacity: 1 !important;
    color: #ffffff;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
    text-align: left;
    margin-bottom: 50px;
}

.hero-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 40px;
    z-index: 1;
    position: relative;
}

.hero-btns .free-act a {
    background-color: #f79200;
    padding: 18px 50px;
    border-radius: 29px;
    color: #ffffff;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.88px;
    line-height: 19px;
    text-decoration: none;
    text-transform: uppercase;
}

.hero-btns .free-demo a {
    background-color: transparent;
    padding: 18px 50px;
    border-radius: 29px;
    color: #ffffff;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.88px;
    line-height: 19px;
    text-decoration: none;
    border: 2px solid;
    text-transform: uppercase;
}

.free-act {
    margin-right: 20px;
}

.finger-main {
    padding-right: 15%;
}

.content-finger > p {
    color: #1A2637;
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 30px;
}

.finger-text > p {
    color: #1A2637;
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 30px;
}

.finger-text > h3 {
    color: #0F1721;
    font-size: 36px;
    line-height: 60px;
    margin-bottom: 50px;
}

/*Hero Image Section Css End*/
/*Service Box Css Start*/
.social-box-main-div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 10%;
    padding-right: 10%;
}

.services-box {
    position: relative;
    margin-top: 80px;
}

.social-box {
    border-radius: 9px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 10px 40px -5px rgba(0, 0, 0, 0.08);
    box-shadow: 0 10px 40px -5px rgba(0, 0, 0, 0.08);
    width: 100%;
    margin-bottom: 25px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 20px;
    text-align: center;
    max-width: 230px;
    max-height: 130px;
}

.social-box p {
    opacity: 0.85;
    color: #0F1721;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    letter-spacing: -0.04px;
    line-height: 22px;
    text-align: center;
    margin-bottom: 0;
}

.service-img {
    margin-bottom: 21px;
}

.service-img > img {
    height: 30px;
}

/*End Service box images*/
/*Certified Language css start*/
.finger-print {
    margin-top: 300px;
}

.video-img {
    padding-top: 20px;
    position: relative;
}

.video-img iframe {
    width: 100%;
    height: 392px;
}

.play-ico {
    height: 80px;
    width: 80px;
    text-align: center;
    background-color: #f79200;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.play-ico p {
    color: #ffffff;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.88px;
    line-height: 19px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin-top: 12px;
}

.play-ico > i {
    font-size: 20px;
    color: #ffffff;
    padding: 30px;
}

.img-fingerprit {
    padding-top: 80px;
}

/*Certified Language css End*/
/*Improve Your Customer Experience Css Start*/
.customer-experience {
    background-image: url("../images/count-bg-shapes.svg");
    background-repeat: no-repeat;
    background-position: right 110px;
}

.happy-client {
    height: 180px;
    width: 180px;
    border-radius: 7px;
    background-color: #29D68B;
    -webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.2);
    margin-top: 50px;
    margin-bottom: 50px;
    margin-right: 50px;
    padding: 10px;
    text-align: center;
    position: relative;
}

.professional {
    height: 180px;
    width: 180px;
    border-radius: 7px;
    background-color: #B07FFF;
    -webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.2);
    padding: 10px;
    text-align: center;
    position: relative;
}

.langauges {
    height: 180px;
    width: 180px;
    border-radius: 7px;
    background-color: #f79200;
    -webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.2);
    margin-right: 50px;
    padding: 10px;
    text-align: center;
    position: relative;
}

.award {
    height: 180px;
    width: 180px;
    border-radius: 7px;
    background-color: #1C44D6;
    -webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.2);
    margin-top: -50px;
    padding: 10px;
    text-align: center;
    position: relative;
}

.main-boxes {
    margin-top: 20%;
    height: 680px;
}

.improve-exp {
    margin-left: auto;
    max-width: 780px;
    padding-right: 10%;
}

.box-text {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
}

.box-text > h3 {
    color: #ffffff;
    font-family: "Open Sans", sans-serif;
    font-size: 36px;
    font-weight: bold;
    letter-spacing: 0.96px;
    line-height: 26px;
    margin-bottom: 20px;
}

.box-text p {
    color: #ffffff;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    letter-spacing: 0.43px;
    line-height: 26px;
    margin-bottom: 0;
    text-transform: uppercase;
}

.shadowg {
    border-radius: 20px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.05);
    height: 313px;
    width: 460px;
    position: relative;
    top: 260px;
    margin: 0 auto;
}

/*Improve Your Customer Experience Css End*/
/*Testimonial Slider Section css Start*/
.main-testimonial {
    background-image: url("../images/big-map-bgnew.jpg");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 700px;
    position: relative;
    margin-bottom: 50px;
}

.bg-slider {
    border-radius: 20px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.05);
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.carousel-indicators {
    bottom: -55px !important;
}

.carousel-indicators .active {
    background-color: #f79200 !important;
}

.carousel-indicators li {
    position: relative;
    -ms-flex: 0 1 auto;
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    width: 10px !important;
    height: 10px !important;
    border-radius: 50%;
    margin-right: 10px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #D8D8D8;
}

.testimonial .carousel-indicators {
    margin-top: 30px;
    margin-bottom: 30px;
}

.slider-review {
    color: #1A2637;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    padding-bottom: 40px;
}

.client-profile-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 30px;
}

.profile-client img {
    height: 50px;
    border-radius: 50%;
}

.details {
    text-align: left;
    margin-left: 20px;
    padding-top: 6px;
}

.client-name {
    color: #1A2637;
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    font-weight: bold;
    line-height: 18px;
}

.client-name p {
    margin-bottom: 0;
    font-weight: bold;
}

.designation {
    color: #1A2637;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 19px;
    margin-top: 6px !important;
}

/*End Testimonaial slider css*/
/* How to Get An Instant css start*/
.allstepround {
    background: linear-gradient(134.73deg, #316FFF 0%, #5413C5 100%);
    height: 92px;
    width: 92px;
    border-radius: 50%;
    position: relative;
    margin-left: 5%;
}

.allstepround > span {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 48px;
    color: #ffffff;
    font-weight: bold;
    letter-spacing: 1.17px;
    line-height: 65px;
}

.step-text {
    padding: 30px;
    border-radius: 10px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.05);
    margin-top: -34px;
    z-index: 2;
    position: relative;
}

.step-text > p {
    color: #1A2637;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    line-height: 30px;
}

.stepcount-left {
    z-index: 1;
    position: relative;
    margin-bottom: 20px;
}

.Step-Work {
    padding-top: 200px;
}

.Step-Work h3 {
    color: #0F1721;
    font-family: "Open Sans", sans-serif;
    font-size: 36px;
    line-height: 60px;
    text-align: center;
}

/*How to Get An Instant css end*/
/*Section css start*/
.about-section1 {
    margin-top: 200px;
    padding-top: 100px;
}

.main-step-heading {
    width: 100%;
}

.pt-100 {
    padding-top: 100px;
}

.step-bg-img {
    background-image: url("../images/LINE-GRPAH.svg");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 600px;
    margin-top: 80px;
    position: relative;
}

.step-right-box {
    position: absolute;
    top: -14px;
    left: 11%;
    text-align: center;
}

.step-right-box > svg {
    height: 30px;
    width: 30px;
    margin-bottom: 50px;
}

.step-right-box p {
    opacity: 0.8;
    color: #001D6A;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
}

.step-right-box2 {
    position: absolute;
    top: -14px;
    right: 11%;
    text-align: center;
}

.step-right-box2 > svg {
    height: 30px;
    width: 30px;
    margin-bottom: 30px;
}

.step-right-box2 p {
    opacity: 0.8;
    color: #001D6A;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
}

.step-right-box3 {
    position: absolute;
    top: 53%;
    left: 13%;
    text-align: center;
}

.step-right-box3 > svg {
    height: 30px;
    width: 30px;
    margin-bottom: 30px;
}

.step-right-box3 p {
    opacity: 0.8;
    color: #001D6A;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
}

.step-right-box4 {
    position: absolute;
    top: 53%;
    right: 13%;
    text-align: center;
}

.step-right-box4 > svg {
    height: 30px;
    width: 30px;
    margin-bottom: 30px;
}

.step-right-box4 p {
    opacity: 0.8;
    color: #001D6A;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
}

.step-right-box5 {
    position: absolute;
    bottom: -30%;
    left: 41%;
    text-align: center;
}

.step-right-box5 > svg {
    height: 30px;
    width: 30px;
    margin-bottom: 30px;
}

.step-right-box5 p {
    opacity: 0.8;
    color: #001D6A;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
}

.step-right-boxor {
    position: absolute;
    top: 53%;
    left: 50%;
    text-align: center;
}

.step-right-boxor p {
    opacity: 0.8;
    color: #001D6A;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 900;
    line-height: 22px;
    text-align: center;
}

.ipad-img > img {
    max-height: 530px;
    margin-right: -20%;
}

.about-left {
    margin-left: auto;
    max-width: 780px;
    padding-right: 10%;
}

.iphone-img > img {
    max-height: 600px;
    margin-left: -20%;
}

.btn-learnmore {
    background-color: rgba(28, 68, 214, 0.1);
    border-radius: 29px;
    color: #1C44D6;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.88px;
    line-height: 19px;
    padding: 20px 70px;
    text-transform: uppercase;
}

.lern-more {
    margin-top: 50px;
}

.custom-modal .modal-content {
    height: 100%;
    min-height: 600px;
}

/*End About section*/
/*Are You An Interpreter? css strat*/
.interpreter-main {
    border-radius: 10px;
    padding: 25px;
    background: linear-gradient(134.73deg, #316FFF 0%, #5413C5 100%);
}

.smile-connect {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin-left: -25px;
}

.interpreter-text {
    margin-left: 50px;
    padding-top: 30px;
}

.interpreter-text > h3 {
    color: #ffffff;
    font-family: "Open Sans", sans-serif;
    font-size: 24px;
    font-weight: bold;
    line-height: 33px;
}

.interpreter-text p {
    color: rgba(255, 255, 255, 0.7);
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    line-height: 30px;
}

.contact-btns {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 25%;
}

.contact-btns > .apply-btn {
    background-color: #f79200;
    padding: 18px 43px;
    border-radius: 29px;
    color: #ffffff;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.88px;
    line-height: 19px;
    border: unset;
    margin-right: 20px;
    text-decoration: none;
    text-transform: uppercase;
}

.contact-btns .login-now-btn {
    background-color: transparent;
    padding: 18px 43px;
    border-radius: 29px;
    color: #ffffff;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.88px;
    line-height: 19px;
    text-decoration: none;
    border: 2px solid;
    text-transform: uppercase;
}

/*Are You An Interpreter? css end*/
/*Footer Css Start*/
.widget-about p {
    opacity: 0.6;
    color: #1A2637;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    line-height: 30px;
    margin-bottom: 0px;
}

.widget-about > img {
    margin-bottom: 30px;
    height: 39px;
}

.contact-details {
    margin-top: 30px;
}

.footer-menu.footer-menu--1 ul {
    padding-left: 0;
}

.footer-widget-title {
    color: #1A2637;
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
}

.footer-menu ul {
    padding-top: 35px;
    padding-left: 0px;
}

.footer-menu ul li {
    list-style: none;
}

.footer-menu ul li a {
    opacity: 0.6;
    color: #1A2637;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    line-height: 40px;
    text-decoration: none;
}

.social-media {
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.social-media > ul {
    padding-left: 0;
}

.social-media > ul > li {
    margin: 0 6px;
}

.social-media > ul > li > a > img {
    height: 14px;
}

.social-media ul li {
    display: inline-block;
}

.copyright-text > p {
    opacity: 0.6;
    color: #1A2637;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    line-height: 26px;
}

.mini-footer {
    padding-top: 25px;
}

.resource-footer-menu {
    padding-left: 4%;
}

.company-footer-menu {
    padding-right: 5%;
}

.daytranslations-footer-menu {
    padding-right: 10%;
}

.footer-menu.no-padding ul {
    margin-bottom: 45px;
}

/*End Footer Css*/
/*---------------White Paper Page Css Start---------------*/
.whitepaper-bg {
    background-image: url(../images/hero-bg-shape@2x.png);
    background-position: center right;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    border-radius: 0 0 0 50px;
}

.whitepaper-bgmain {
    height: 313px;
    width: 100%;
    border-radius: 0 0 0 50px;
    background: linear-gradient(134.73deg, #316FFF 0%, #5413C5 100%);
}

.whitepaper-title h1 {
    color: #ffffff;
    font-size: 48px;
    line-height: 65px;
    font-family: "Open Sans", sans-serif;
    margin-bottom: 0;
    padding-top: 72px;
}

.whitepaper-title {
    height: 100%;
    min-height: 313px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
}

.subtitle-resource p {
    text-align: center;
    margin-top: -90px;
    color: #FFFFFF;
    font-family: "Open Sans";
    font-size: 24px;
    line-height: 60px;
}

.importance-left {
    background-image: url(../images/bg-shape-1.svg);
    background-repeat: no-repeat;
    background-position: top left;
    margin-top: 80px;
    padding-right: 50px;
    margin-left: -40px;
}

.importance-inside {
    padding-left: 40px;
    padding-top: 100px;
}

.download-box {
    width: 100%;
    max-width: 500px;
    border-radius: 10px;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0 12px 20px -2px rgba(243, 243, 243, 0.98);
    box-shadow: 0 12px 20px -2px rgba(243, 243, 243, 0.98);
    margin-left: 87px;
    margin-top: -30px;
    padding: 30px 48px;
}

.box-title h5 {
    margin-bottom: 30px;
    color: #0F1721;
    font-family: "Open Sans", sans-serif;
    font-size: 24px;
    line-height: 60px;
}

.download-form {
    border: unset;
    height: 62px;
    background-color: #F4F4F4;
}

.aa ::-webkit-input-placeholder {
    opacity: 0.8;
    color: #0F1721 !important;
    font-size: 16px;
    line-height: 22px;
}

.aa :-ms-input-placeholder {
    opacity: 0.8;
    color: #0F1721 !important;
    font-size: 16px;
    line-height: 22px;
}

.aa ::-ms-input-placeholder {
    opacity: 0.8;
    color: #0F1721 !important;
    font-size: 16px;
    line-height: 22px;
}

.aa ::placeholder {
    opacity: 0.8;
    color: #0F1721 !important;
    font-size: 16px;
    line-height: 22px;
}

.validation_msg .alert-success {
    color: #4F5B6A !important;
    background-color: #F3F9FF !important;
    background: #F3F9FF !important;
    border: 2px dashed #BED8FF !important;
}

.validation_msg .alert-success .cross {
    background: transparent;
    position: absolute;
    right: 10px;
    top: 30px;
}

.validation_msg .alert-danger {
    color: #4F5B6A !important;
    background-color: #F3F9FF !important;
    background: #F3F9FF !important;
    border: 2px dashed #BED8FF !important;
}

.validation_msg .alert-danger .cross {
    background: transparent;
    position: absolute;
    right: 10px;
    top: 30px;
}

.validation_msg .alert {
    color: #4F5B6A !important;
    background-color: #F3F9FF !important;
    background: #F3F9FF !important;
    border: 2px dashed #BED8FF !important;
}

.validation_msg .alert .cross {
    background: transparent !important;
    position: absolute;
    right: 10px;
    top: 30px;
}

a:hover {
    text-decoration: none !important;
}

.trasprentbg {
    padding: 0px !important;
}

.btn-download-now .btn-download {
    background-color: #1c44d6;
    color: #ffffff;
    /* border-radius: 29px; */
    line-height: 19px;
    padding: 20px;
    text-transform: uppercase;
    width: 100%;
    max-width: 220px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.88px;
}

.topics {
    padding-right: 125px;
}

.topics h4 {
    font-size: 24px;
    line-height: 50px;
    color: #0F1721;
    margin-bottom: 40px;
}

.topics-circle label {
    height: 47px;
    width: 47px;
    padding: 11px;
    background-color: #f4f4f4;
    border-radius: 50%;
    margin-right: 18px;
    margin-bottom: 30px;
}

.books-img {
    margin-left: 87px;
}

.topicmain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

.topic-text p {
    color: #1A2637;
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 0;
    padding-top: 8px;
}

.importance-inside h3 {
    padding-right: 66px;
}

/*---------------White Paper Page Css End---------------*/
/*---------------Support Page Css Start---------------*/
.box-title p {
    opacity: 0.8;
    color: #0F1721;
    font-family: "Open Sans";
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 30px;
}

.supprot-box {
    width: 100%;
    max-width: 670px;
    border-radius: 10px;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0 12px 20px -2px rgba(243, 243, 243, 0.98);
    box-shadow: 0 12px 20px -2px rgba(243, 243, 243, 0.98);
    margin-left: 87px;
    margin-top: -30px;
    padding: 30px 48px;
}

.support-left {
    margin-top: 99px;
}

.support-left h2 {
    color: #0F1721;
    font-size: 36px;
    line-height: 60px;
    margin-bottom: 50px;
}

.call-customercare {
    margin-bottom: 38px;
}

.call-customercare h4 {
    color: #0F1721;
    font-size: 24px;
    line-height: 50px;
    margin-bottom: 10px;
}

.call label {
    margin-bottom: 0;
    margin-right: 20px;
}

.topic-text a {
    color: #1A2637;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 0;
    text-decoration: none;
}

.address-text p {
    line-height: 36px;
}

.form-bottom {
    margin-bottom: 1.25rem;
}

.map iframe {
    width: 100%;
}

/*---------------Support Page Css End---------------*/
/*---------------Request Demo Start---------------*/
.get-freedemo {
    padding-left: 40px;
}

.req-demo h5 {
    line-height: 50px;
}

.video-title h3 {
    padding: 0 24%;
    color: #0F1721;
    font-size: 36px;
    line-height: 60px;
    margin-bottom: 20px;
}

.video-title p {
    color: #1A2637;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    margin-bottom: 0;
    padding: 0 31%;
}

.play-video {
    width: 772px;
    margin: 0 auto;
    text-align: center;
}

.req-video img {
    height: 340px;
    width: 100%;
}

.whychoose-icon img {
    margin-bottom: 30px;
}

.whychoose-icon {
    padding: 0 15%;
}

.whychoose-text {
    padding: 0px 20%;
}

.whychoose-text h4 {
    color: #1A2637;
    font-size: 20px;
    line-height: 27px;
}

.whychoose-text p {
    color: #1A2637;
    font-family: "Open Sans";
    font-size: 16px;
    line-height: 30px;
}

/*---------------Request Demo End---------------*/
/*---------------Become Interpreter Css Start---------------*/
.become-interpreter-title h3 {
    color: #535353;
    font-size: 36px;
    line-height: 60px;
    margin-bottom: 0;
}

.become-interpreter-title p {
    opacity: 0.7;
    color: #0F0F0F;
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 0;
}

.become-interpreter-step {
    margin-top: 50px;
}

.becomestep-round label {
    background-color: #edebfc;
    height: 92px;
    width: 92px;
    border-radius: 50%;
    position: relative;
    margin-right: 30px;
    margin-bottom: 0;
}

.becomestep-round span {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 36px;
    color: #316FFF;
    font-weight: bold;
    letter-spacing: .088px;
    line-height: 49px;
}

.becomestep-text label {
    color: #1A2637;
    font-size: 20px;
    font-weight: 600;
    line-height: 27px;
    margin-bottom: 10px;
}

.becomestep-text p {
    color: #1A2637;
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 0px;
}

.become-step-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: center;
    margin-bottom: 50px;
}

.our-interpreters-title h3 {
    color: #535353;
    font-family: "Open Sans";
    font-size: 36px;
    line-height: 60px;
}

.become-interpreter-right {
    /* position: absolute; */
    top: 0;
    margin-top: 20px;
}

.becomestep-text {
    padding-right: 37%;
}

.become-slider-review {
    opacity: 0.8;
    color: #0F1721;
    font-family: "Open Sans";
    font-size: 18px;
    line-height: 36px;
    margin-bottom: 50px;
}

.become-client-name {
    color: #1A2637;
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: bold;
    line-height: 27px;
}

.become-designation {
    opacity: 0.6;
    color: #1A2637;
    font-family: "Open Sans";
    font-size: 14px;
    line-height: 19px;
}

.become-custom-indicators {
    bottom: -82px !important;
    left: 0;
    right: unset;
    margin-left: 0;
}

.become-custom-indicators .active {
    background-color: #517AF9 !important;
    padding: 0px 10px;
    border-radius: 19.5px;
    height: 10px !important;
    width: 6px !important;
}

.prev-next {
    margin-top: -22px;
}

.prev-next a {
    margin-right: 10px;
}

/*---------------Become Interpreter Css End---------------*/
/*---------------Resources Css Start---------------*/
.resources-left {
    padding-top: 78px;
}

/*---------------Resources Css End---------------*/
/*---------------Login & Sign Up Css Start---------------*/
.signupbg-main {
    height: 160px;
    width: 100%;
    border-radius: 0 0 0 50px;
    background: linear-gradient(134.73deg, #316FFF 0%, #5413C5 100%);
}

.topbg-main {
    background-image: url(../images/HERO-BG-SHAPES@3x1.png);
    background-position: center right;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    border-radius: 0 0 0 50px;
}

.signup-left h1 {
    color: #0F1721;
    font-size: 24px;
    line-height: 50px;
    padding-right: 5%;
}

.tile {
    width: 80%;
    margin: 0 auto;
}

.tab-pane {
    padding: 15px;
}

.nav-tabs {
    position: relative;
    background-color: #fff;
    border-radius: 0px;
    margin-bottom: 15px;
}

.nav-tabs li {
    margin: 0px !important;
}

.nav-tabs li a {
    position: relative;
    margin-right: 0px !important;
    padding: 20px 40px !important;
    border: none !important;
    color: #0F1721;
    opacity: 0.4;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.2px;
    line-height: 24px;
}

.nav-tabs a:hover {
    background-color: #fff !important;
    border: none;
}

.nav-tabs .active {
    background-color: transparent !important;
    border-bottom: 2px solid #316FFF !important;
    color: #0F1721 !important;
    opacity: 1;
}

.signup-title h3 {
    color: #0F1721;
    font-size: 24px;
    line-height: 60px;
    text-align: center;
    margin-bottom: 0;
}

.signup-title p {
    opacity: 0.8;
    color: #0F1721;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    margin-bottom: 50px;
}

.signup-video h3 {
    color: #0F1721;
    font-size: 24px;
    line-height: 50px;
}

.privacy-policy p {
    opacity: 0.8;
    font-size: 16px;
    line-height: 30px;
}

.privacy-policy .a {
    color: #2C6AFF;
    font-size: 16px;
}

.login-signup .tab-content {
    padding: 0 7%;
}

.carrier-option {
    border-top: 1px solid #f79200;
    margin-top: 30px;
    background: rgb(15 23 33 / 6%);
    text-align: center;
    padding: 40px 0;
}

.carrier-option a.signpInterBtn {
    background-color: #fff;
    padding: 18px 35px;
    border-radius: 29px;
    color: #2C6AFF;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.88px;
    line-height: 19px;
    text-decoration: none;
    border: 2px solid;
    display: inline-block;
    text-transform: uppercase;
}

.carrier-option p {
    /* opacity: 0.8; */
    color: #000;
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 15px;
    display: block;
}

.carrier-option a {
    color: #2C6AFF;
    font-size: 16px;
}

.or-google h4 {
    color: #535353;
    font-size: 20px;
    line-height: 27px;
    margin-bottom: 30px;
}

.btn-google .google-login {
    background-color: #FD5940;
    color: #ffffff;
    border-radius: 29px;
    line-height: 19px;
    padding: 20px;
    width: 100%;
    max-width: 240px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.88px;
}

.google-ico {
    font-size: 16px;
}

#check {
    opacity: 0;
}

label {
    position: relative;
}

#check + label:before,
#check:checked + label:after {
    content: "";
    position: absolute;
    left: -15px;
    top: 0;
}

#check + label:before {
    width: 23px;
    height: 23px;
    border-radius: 3px;
    border: 1px solid #E8E8E8;
    background-color: #F4F4F4;
}

#check:checked + label:after {
    width: 14px;
    height: 8px;
    border-width: 0 0 3px 3px;
    border-style: solid;
    border-color: #316FFF;
    -webkit-transform: rotate(-45deg) translate(-10px, 20px);
    transform: rotate(-45deg) translate(0px, 7px);
}

.remember-me label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.remember-me span {
    padding-left: 20px;
    color: #0F1721;
    font-size: 16px;
    line-height: 22px;
}

.remember-me {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 50px;
}

.forget-pass a {
    color: #0F1721;
    font-family: "Open Sans";
    font-size: 16px;
    line-height: 22px;
    text-decoration: none;
}

.login {
    margin-top: 50px;
}

/*---------------Login & Sign Up Css End---------------*/
/*---------------Forgot Password Css Start---------------*/
.forgot-main {
    width: 100%;
    max-width: 50%;
    margin: 0 auto;
    text-align: center;
}

.forgotpassword-header img {
    height: 39px;
}

.forgotpassword-title h1 {
    color: #0F1721;
    font-size: 24px;
    font-weight: 600;
    line-height: 60px;
}

.forgotpassword-title p {
    opacity: 0.8;
    color: #0F1721;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 50px;
}

.backto-login {
    margin-top: 50px;
}

.backto-login a {
    color: #316FFF;
    font-size: 20px;
    line-height: 27px;
    text-decoration: none;
}

.backto-login img {
    margin-right: 34px;
}

.forgot-footer-main a {
    margin: 0 50px;
    opacity: 0.6;
    color: #1A2637;
    font-size: 14px;
    line-height: 40px;
    text-decoration: none;
}

.forgetpassword-footer {
    text-align: center;
}

.sub-footer {
    margin-top: 48px;
}

.sub-footer p {
    opacity: 0.6;
    color: #1A2637;
    font-size: 14px;
    line-height: 26px;
}

/*---------------Forgot Password Css End---------------*/
/*------------Media Query For Responcive Design------------*/
@media (min-width: 320px) and (max-width: 575px) {
    .carrier-option a.signpInterBtn {
        background-color: #fff;
        padding: 18px 25px;
        border-radius: 29px;
        color: #2C6AFF;
        font-family: "Open Sans", sans-serif;
        font-size: 12px;
        font-weight: bold;
        letter-spacing: 0.88px;
        line-height: 19px;
        text-decoration: none;
        border: 2px solid;
        display: inline-block;
        text-transform: uppercase;
    }

    .modal-content-area .btn-get-top {
        width: 250px;
    }

    .modal-content-area .login-now-btn {
        width: 250px;
        font-size: 12px;
    }

    .top-hero-main {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 1110px;
    }

    .top-logo {
        height: 30px;
    }

    .btn-get-top {
        margin-top: 12px;
    }

    .email {
        font-size: 16px;
        line-height: 33px;
        color: #ffffff;
        display: -ms-grid;
        display: grid;
        margin: 0 auto;
        width: 100%;
    }

    .email > a {
        margin-right: 0;
    }

    .email > label {
        margin-right: 15px;
    }

    .contact {
        font-size: 16px;
        line-height: 33px;
        color: #ffffff;
        display: -ms-grid;
        display: grid;
    }

    .sign-up {
        text-align: center;
        width: 100%;
        margin-right: 0px;
    }

    .main-header .mob {
        margin: 0px 25px;
    }

    .main-header #navbarNavDropdown {
        background-color: #ffffff;
        padding: 15px;
    }

    .free-act {
        margin-right: 10px;
    }

    .custom-container {
        max-width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        width: 100%;
    }

    .hero-btns .free-demo a {
        padding: 10px;
        font-size: 12px;
    }

    .hero-btns .free-act a {
        padding: 10px;
        font-size: 12px;
    }

    .sub-image {
        background-image: unset;
    }

    .contact-btns {
        padding-left: 0;
    }

    .contact-btns .login-now-btn {
        background-color: transparent;
        padding: 10px;
        border-radius: 29px;
        color: #ffffff;
        font-family: "Open Sans", sans-serif;
        font-size: 14px;
        font-weight: bold;
        letter-spacing: 0.88px;
        line-height: 19px;
        -webkit-box-shadow: 0 7px 6px -3px rgba(0, 0, 0, 0.2);
        box-shadow: 0 7px 6px -3px rgba(0, 0, 0, 0.2);
        text-decoration: none;
        border: 2px solid;
        width: 100%;
        text-align: center;
    }

    .contact-btns > .apply-btn {
        background-color: #f79200;
        padding: 10px;
        border-radius: 29px;
        color: #ffffff;
        font-family: "Open Sans", sans-serif;
        font-size: 15px;
        font-weight: bold;
        letter-spacing: 0.88px;
        line-height: 19px;
        -webkit-box-shadow: 0 7px 6px -3px rgba(0, 0, 0, 0.2);
        box-shadow: 0 7px 6px -3px rgba(0, 0, 0, 0.2);
        border: unset;
        width: 100%;
        margin-right: 15px;
        display: inline-block;
        text-align: center;
    }

    .hero-text {
        width: 100%;
        padding-top: 5%;
    }

    .hero-text > h1 {
        color: #ffffff;
        font-size: 27px;
        line-height: 40px;
        margin-bottom: 33px;
    }

    .hero-text p {
        font-size: 14px;
    }

    .social-box {
        width: 70%;
    }

    .social-box-main-div {
        padding: 0;
    }

    .finger-main {
        padding-right: 0%;
    }

    .finger-print {
        margin-top: 20px;
    }

    .finger-text > h3 {
        color: #0F1721;
        font-size: 22px;
        line-height: 40px;
        margin-bottom: 30px;
    }

    .finger-text > p {
        font-size: 15px;
        margin-bottom: 15px;
    }

    .content-finger > p {
        font-size: 15px;
        margin-bottom: 15px;
    }

    .modal-content iframe {
        width: 100%;
        height: 200px;
    }

    .custom-modal .modal-content {
        height: 100%;
        min-height: 200px;
    }

    .loader {
        left: 34% !important;
        top: 40% !important;
    }

    .pt-200 {
        padding-top: 50px;
    }

    .happy-client {
        height: 150px;
        width: 150px;
        border-radius: 7px;
        background-color: #29D68B;
        -webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.2);
        margin-bottom: 50px;
        margin-right: 10px;
        padding: 10px;
        text-align: center;
        position: relative;
    }

    .professional {
        height: 150px;
        width: 150px;
        border-radius: 7px;
        background-color: #B07FFF;
        -webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.2);
        padding: 10px;
        text-align: center;
        position: relative;
    }

    .langauges {
        height: 150px;
        width: 150px;
        border-radius: 7px;
        background-color: #f79200;
        -webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.2);
        margin-right: 10px;
        padding: 10px;
        text-align: center;
        position: relative;
    }

    .award {
        height: 150px;
        width: 150px;
        border-radius: 7px;
        background-color: #1C44D6;
        -webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.2);
        padding: 10px;
        text-align: center;
        position: relative;
    }

    .bg-slider {
        border-radius: 20px;
        background-color: #ffffff;
        -webkit-box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.05);
        box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.05);
        position: absolute;
        left: 50%;
        top: 50%;
        width: 90%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        padding: 10px !important;
    }

    .client-images {
        display: none;
    }

    .Step-Work {
        padding-top: 0px;
    }

    .Step-Work h3 {
        color: #0F1721;
        font-family: "Open Sans", sans-serif;
        font-size: 22px;
        line-height: 37px;
        text-align: left;
    }

    .Step-Work .step-right {
        display: none;
    }

    .pt-100 {
        padding-top: 50px;
    }

    .toggle-ico {
        color: #ffffff;
    }

    .navbar-toggler {
        padding: .25rem .75rem;
        font-size: 1.25rem;
        line-height: 1;
        background-color: #385af2 !important;
        border: 2px solid #f79200 !important;
        border-radius: .25rem;
    }

    .shadowg {
        display: none;
    }

    .testimonial {
        padding-top: 0px !important;
    }

    .main-testimonial {
        height: 500px;
    }

    .main-boxes {
        height: 430px;
        padding-top: 0;
    }

    .ipad-img > img {
        max-height: 530px;
        margin-right: 0%;
    }

    .iphone-img > img {
        max-height: 600px;
        margin-left: 0%;
    }

    .trasprentbg {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
    }

    .trasprentbg #navbarNavDropdown .cust-nav > a {
        color: #000 !important;
    }

    .step-text {
        padding: 15px;
    }

    .step-text > p {
        color: #1A2637;
        font-family: "Open Sans", sans-serif;
        font-size: 14px;
        line-height: 29px;
    }

    .interpreter-main {
        border-radius: 10px;
        padding: 15px;
        background: linear-gradient(134.73deg, #316FFF 0%, #5413C5 100%);
    }

    .smile-connect {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        margin-left: -14px;
    }

    .interpreter-text {
        margin-left: 15px;
        padding-top: 30px;
    }

    .interpreter-text > h3 {
        color: #ffffff;
        font-family: "Open Sans", sans-serif;
        font-size: 20px;
        font-weight: bold;
        line-height: 33px;
    }

    .interpreter-text p {
        color: rgba(255, 255, 255, 0.7);
        font-family: "Open Sans", sans-serif;
        font-size: 15px;
        line-height: 30px;
    }

    .top-header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-top: 10px;
        padding-left: 10px;
        padding-right: 10px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        text-align: center;
    }

    .play-ico {
        height: 50px;
        width: 50px;
        text-align: center;
        background-color: #f79200;
        border-radius: 50%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        cursor: pointer;
    }

    .play-ico > i {
        font-size: 20px;
        color: #ffffff;
        padding: 16px;
    }

    .play-ico p {
        margin-left: -18px;
    }

    .box-text > h3 {
        color: #ffffff;
        font-family: "Open Sans", sans-serif;
        font-size: 30px;
        font-weight: bold;
        letter-spacing: 0.96px;
        line-height: 26px;
        margin-bottom: 20px;
    }

    .about-section1 {
        margin-top: 0;
    }

    .services-box {
        position: relative;
        margin-top: -20%;
    }

    .download-box {
        margin-left: 0px;
        margin-top: 0px;
        padding: 15px 13px;
    }

    .box-title h5 {
        margin-bottom: 20px;
        color: #0F1721;
        font-family: "Open Sans", sans-serif;
        font-size: 24px;
        line-height: 33px;
    }

    .download-form {
        height: 45px;
    }

    .btn-download-now .btn-download {
        padding: 14px;
        max-width: 200px;
    }

    .topics {
        padding-left: 0px;
        padding-right: 0;
    }

    .importance-left {
        margin-top: 20px;
        padding-right: 0;
        margin-left: 0;
    }

    .importance-inside {
        padding-left: 10px;
        padding-top: 70px;
    }

    .topics-circle {
        margin-right: 0px;
    }

    .topic-text p {
        color: #1A2637;
        font-family: "Open Sans", sans-serif;
        font-size: 15px;
        line-height: 24px;
    }

    .books-img {
        margin-left: 0px;
    }

    .importance-inside h3 {
        padding-right: 0px;
    }

    .whitepaper-title h1 {
        padding-top: 140px;
        font-size: 32px;
    }

    .supprot-box {
        margin-left: 0px;
        padding: 30px 0px;
    }

    .support-left {
        margin-top: 40px;
    }

    .support-left h2 {
        color: #0F1721;
        font-size: 30px;
        line-height: 60px;
        margin-bottom: 25px;
    }

    .call-customercare {
        margin-bottom: 38px;
    }

    .call-customercare h4 {
        color: #0F1721;
        font-size: 20px;
        line-height: 50px;
        margin-bottom: 10px;
    }

    .box-title p {
        opacity: 0.8;
        color: #0F1721;
        font-family: "Open Sans";
        font-size: 16px;
        line-height: 24px;
    }

    .becomestep-text {
        padding-right: 0%;
    }

    .become-interpreter-right {
        position: unset;
        bottom: 0;
        margin-top: 30px;
    }

    .becomestep-round label {
        background-color: #edebfc;
        height: 60px;
        width: 60px;
        border-radius: 50%;
        position: relative;
        margin-right: 15px;
        margin-bottom: 0;
    }

    .become-step-main {
        -webkit-box-align: self-end;
        -ms-flex-align: self-end;
        align-items: self-end;
    }

    .becomestep-round span {
        font-size: 27px;
    }

    .becomestep-round label {
        margin-right: 15px;
    }

    .becomestep-round {
        position: relative;
    }

    .become-interpreter-title h3 {
        color: #535353;
        font-size: 25px;
        line-height: 40px;
        margin-bottom: 0;
    }

    .our-interpreters-title h3 {
        color: #535353;
        font-family: "Open Sans";
        font-size: 28px;
        line-height: 40px;
    }

    .becomeinterpretor-slider {
        padding: 10px !important;
    }

    .prev-next {
        margin-top: 20px;
    }

    .video-title h3 {
        padding: 0;
        font-size: 20px;
        line-height: 40px;
    }

    .video-title p {
        padding: 0;
    }

    .whychoose-icon {
        padding: 0;
    }

    .whychoose-text {
        padding: 0;
    }

    .importace-main .play-video {
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    .req-video img {
        height: auto;
        width: 100%;
    }

    .req-demo h5 {
        font-size: 20px;
    }

    .req-a-demo .get-freedemo {
        padding-left: 0;
    }

    .resources-left {
        padding-top: 0;
    }

    .signup-left h1 {
        color: #0F1721;
        font-size: 20px;
        line-height: 30px;
        padding-right: 5%;
    }

    .signup-video h3 {
        color: #0F1721;
        font-size: 20px;
        line-height: 30px;
    }

    .tile {
        width: 100%;
        margin-top: 30px;
    }

    .nav-tabs li a {
        position: relative;
        margin-right: 0px !important;
        padding: 10px !important;
        border: none !important;
        color: #0F1721;
        opacity: 0.4;
        font-size: 14px;
        font-weight: bold;
        letter-spacing: 0.2px;
        line-height: 20px;
    }

    .login-signup .tab-content {
        padding: 0;
    }

    .nav-tabs {
        margin-bottom: 0;
    }

    .signup-title h3 {
        font-size: 19px;
        line-height: 30px;
    }

    .signup-title p {
        font-size: 15px;
        line-height: 24px;
        margin-bottom: 30px;
    }

    .tab-pane {
        padding: 10px;
    }

    .remember-me span {
        padding-left: 15px;
        font-size: 14px;
        line-height: 22px;
    }

    .forget-pass a {
        font-size: 14px;
    }

    .btn-google .google-login {
        padding: 16px;
        max-width: 210px;
    }

    .forgot-main {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
    }

    .forgot-footer-main {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .forgot-footer-main a {
        margin: 0 11px;
    }

    .hidebtn {
        display: none;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__rendered {
        min-height: 45px !important;
    }

    .subtitle-resource p {
        text-align: center;
        margin-top: -61px;
        color: #FFFFFF;
        font-family: "Open Sans";
        font-size: 19px;
        line-height: 20px;
    }

    .footer-menu ul {
        padding-top: 15px;
    }

    .footer-widget-title {
        margin-top: 15px;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .subtitle-resource p {
        text-align: center;
        margin-top: -61px;
        color: #FFFFFF;
        font-family: "Open Sans";
        font-size: 19px;
        line-height: 20px;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__rendered {
        min-height: 45px !important;
    }

    .become-step-main {
        -webkit-box-align: self-end;
        -ms-flex-align: self-end;
        align-items: self-end;
    }

    .about-section1 {
        margin-top: 0;
    }

    .custom-container {
        max-width: 95%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        width: 100%;
    }

    .interpreter-text p {
        color: rgba(255, 255, 255, 0.7);
        font-family: "Open Sans", sans-serif;
        font-size: 15px;
        line-height: 30px;
    }

    .top-hero-img {
        background-image: url(../images/hero-bg-shape.svg);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        height: 1200px;
    }

    .services-box {
        margin-top: -22%;
    }

    .social-box {
        width: 30% !important;
        width: 70%;
    }

    .hero-btns .free-demo a {
        padding: 18px 20px;
    }

    .hero-btns .free-act a {
        padding: 18px 20px;
    }

    .sub-image {
        background-image: unset;
    }

    .contact-btns {
        padding-left: 0;
    }

    .contact-btns .login-now-btn {
        background-color: transparent;
        padding: 15px 25px;
        border-radius: 29px;
        color: #ffffff;
        font-family: "Open Sans", sans-serif;
        font-size: 14px;
        font-weight: bold;
        letter-spacing: 0.88px;
        line-height: 19px;
        -webkit-box-shadow: 0 7px 6px -3px rgba(0, 0, 0, 0.2);
        box-shadow: 0 7px 6px -3px rgba(0, 0, 0, 0.2);
        text-decoration: none;
        border: 2px solid;
        width: 100%;
        text-align: center;
    }

    .contact-btns > .apply-btn {
        background-color: #f79200;
        padding: 15px 25px;
        border-radius: 29px;
        color: #ffffff;
        font-family: "Open Sans", sans-serif;
        font-size: 15px;
        font-weight: bold;
        letter-spacing: 0.88px;
        line-height: 19px;
        -webkit-box-shadow: 0 7px 6px -3px rgba(0, 0, 0, 0.2);
        box-shadow: 0 7px 6px -3px rgba(0, 0, 0, 0.2);
        border: unset;
        width: 100%;
        margin-right: 20px;
        display: inline-block;
        text-align: center;
    }

    .hero-text {
        width: 100%;
        padding-top: 5%;
    }

    .hero-text > h1 {
        color: #ffffff;
        font-size: 27px;
        line-height: 40px;
        margin-bottom: 33px;
        -webkit-animation: fadeIn 1s ease-in both;
        animation: fadeIn 1s ease-in both;
    }

    .hero-text p {
        font-size: 14px;
    }

    .social-box-main-div {
        padding: 0;
    }

    .finger-main {
        padding-right: 0%;
    }

    .finger-print {
        margin-top: 37%;
    }

    .finger-text > h3 {
        color: #0F1721;
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 20px;
    }

    .finger-text > p {
        font-size: 15px;
        line-height: 22px;
    }

    .modal-content iframe {
        width: 100%;
        height: 304px;
    }

    .custom-modal .modal-content {
        height: 100%;
        min-height: 304px;
    }

    .pt-200 {
        padding-top: 50px;
    }

    .happy-client {
        height: 130px;
        width: 130px;
        border-radius: 7px;
        background-color: #29D68B;
        -webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.2);
        margin-bottom: 50px;
        margin-right: 10px;
        padding: 10px;
        text-align: center;
        position: relative;
    }

    .professional {
        height: 130px;
        width: 130px;
        border-radius: 7px;
        background-color: #B07FFF;
        -webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.2);
        padding: 10px;
        text-align: center;
        position: relative;
    }

    .langauges {
        height: 130px;
        width: 130px;
        border-radius: 7px;
        background-color: #F79200;
        -webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.2);
        margin-right: 10px;
        padding: 10px;
        text-align: center;
        position: relative;
    }

    .award {
        height: 130px;
        width: 130px;
        border-radius: 7px;
        background-color: #1C44D6;
        -webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.2);
        padding: 10px;
        text-align: center;
        position: relative;
    }

    .box-text > h3 {
        color: #ffffff;
        font-family: "Open Sans", sans-serif;
        font-size: 25px;
        font-weight: bold;
        letter-spacing: 0.96px;
        line-height: 26px;
        margin-bottom: 13px;
    }

    .box-text p {
        color: #ffffff;
        font-family: "Open Sans", sans-serif;
        font-size: 15px;
        letter-spacing: 0.43px;
        line-height: 26px;
        margin-bottom: 0;
        text-transform: uppercase;
    }

    .bg-slider {
        max-width: 360px !important;
        border-radius: 20px;
        background-color: #ffffff;
        -webkit-box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.05);
        box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.05);
        position: absolute;
        left: 50%;
        top: 50%;
        width: 90%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .client-images {
        display: none;
    }

    .Step-Work {
        padding-top: 0px;
    }

    .Step-Work h3 {
        color: #0F1721;
        font-family: "Open Sans", sans-serif;
        font-size: 30px;
        line-height: 45px;
        text-align: left;
    }

    .Step-Work .step-right {
        display: none;
    }

    .pt-100 {
        padding-top: 50px;
    }

    .toggle-ico {
        color: #ffffff;
    }

    .navbar-toggler {
        padding: .25rem .75rem;
        font-size: 1.25rem;
        line-height: 1;
        background-color: #385af2 !important;
        border: 2px solid #f79200 !important;
        border-radius: .25rem;
    }

    .shadowg {
        display: none;
    }

    .testimonial {
        padding-top: 0 !important;
        margin-top: -18%;
    }

    .widget-about > img {
        margin-bottom: 30px;
        height: 35px;
    }

    .main-boxes {
        height: 580px;
        padding-top: 0;
    }

    .play-ico {
        height: 60px;
        width: 60px;
        text-align: center;
        background-color: #f79200;
        border-radius: 50%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        cursor: pointer;
    }

    .play-ico > i {
        font-size: 20px;
        color: #ffffff;
        padding: 20px;
    }

    .play-ico p {
        margin-left: -11px;
    }

    .ipad-img > img {
        max-height: 530px;
        margin-right: 0%;
    }

    .main-header #navbarNavDropdown {
        background-color: #ffffff;
        padding: 15px;
    }

    .trasprentbg {
        padding-left: 10px;
        padding-right: 10px;
    }

    .trasprentbg #navbarNavDropdown a {
        color: #000 !important;
    }

    .email {
        font-size: 16px;
        line-height: 30px;
        color: #ffffff;
    }

    .email > label {
        margin-right: 15px;
    }

    .top-header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-top: 10px;
        padding-left: 10px;
        padding-right: 10px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .contact {
        font-size: 16px;
        line-height: 30px;
        color: #ffffff;
    }

    .download-box {
        margin-left: 0px;
        margin-top: 0px;
        padding: 15px 13px;
    }

    .box-title h5 {
        margin-bottom: 20px;
        color: #0F1721;
        font-family: "Open Sans", sans-serif;
        font-size: 24px;
        line-height: 33px;
    }

    .download-form {
        height: 45px;
    }

    .btn-download-now .btn-download {
        padding: 14px;
        max-width: 200px;
    }

    .topics {
        padding-left: 0px;
    }

    .importance-left {
        margin-top: 20px;
        padding-right: 0;
        margin-left: 0px;
    }

    .importance-inside {
        padding-left: 10px;
        padding-top: 70px;
    }

    .topics-circle {
        margin-right: 0px;
    }

    .topic-text p {
        color: #1A2637;
        font-family: "Open Sans", sans-serif;
        font-size: 15px;
        line-height: 24px;
    }

    .books-img {
        margin-left: 0px;
    }

    .supprot-box {
        margin-left: 0px;
        padding: 30px 0px;
    }

    .support-left {
        margin-top: 40px;
    }

    .support-left h2 {
        color: #0F1721;
        font-size: 30px;
        line-height: 60px;
        margin-bottom: 25px;
    }

    .call-customercare {
        margin-bottom: 38px;
    }

    .call-customercare h4 {
        color: #0F1721;
        font-size: 20px;
        line-height: 50px;
        margin-bottom: 10px;
    }

    .box-title p {
        opacity: 0.8;
        color: #0F1721;
        font-family: "Open Sans";
        font-size: 16px;
        line-height: 24px;
    }

    .becomestep-text {
        padding-right: 0%;
    }

    .become-interpreter-right {
        position: unset;
        bottom: 0;
        margin-top: 30px;
    }

    .become-interpreter-title h3 {
        color: #535353;
        font-size: 25px;
        line-height: 40px;
        margin-bottom: 0;
    }

    .our-interpreters-title h3 {
        color: #535353;
        font-family: "Open Sans";
        font-size: 28px;
        line-height: 40px;
    }

    .becomeinterpretor-slider {
        padding: 10px !important;
    }

    .prev-next {
        margin-top: 20px;
    }

    .become-step-main {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .video-title h3 {
        padding: 0;
        font-size: 20px;
        line-height: 40px;
    }

    .video-title p {
        padding: 0;
    }

    .whychoose-icon {
        padding: 0;
    }

    .whychoose-text {
        padding: 0;
    }

    .importace-main .play-video {
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    .loader {
        left: 34% !important;
        top: 40% !important;
    }

    .req-video img {
        height: auto;
        width: 100%;
    }

    .req-demo h5 {
        font-size: 20px;
    }

    .req-a-demo .get-freedemo {
        padding-left: 0;
    }

    .resources-left {
        padding-top: 0;
    }

    .signup-left h1 {
        color: #0F1721;
        font-size: 20px;
        line-height: 30px;
        padding-right: 5%;
    }

    .signup-video h3 {
        color: #0F1721;
        font-size: 20px;
        line-height: 30px;
    }

    .tile {
        width: 100%;
        margin-top: 30px;
    }

    .nav-tabs li a {
        position: relative;
        margin-right: 0px !important;
        padding: 10px !important;
        border: none !important;
        color: #0F1721;
        opacity: 0.4;
        font-size: 14px;
        font-weight: bold;
        letter-spacing: 0.2px;
        line-height: 20px;
    }

    .login-signup .tab-content {
        padding: 0;
    }

    .nav-tabs {
        margin-bottom: 0;
    }

    .signup-title h3 {
        font-size: 19px;
        line-height: 30px;
    }

    .signup-title p {
        font-size: 15px;
        line-height: 24px;
        margin-bottom: 30px;
    }

    .tab-pane {
        padding: 10px;
    }

    .remember-me span {
        padding-left: 15px;
        font-size: 14px;
        line-height: 22px;
    }

    .forget-pass a {
        font-size: 14px;
    }

    .btn-google .google-login {
        padding: 16px;
        max-width: 210px;
    }

    .forgot-main {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
    }

    .hidebtn {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .custom-container {
        max-width: 95%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        width: 100%;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__rendered {
        min-height: 45px !important;
    }

    .top-hero-img {
        background-image: url(../images/hero-bg-shape.svg);
        background-size: cover;
        background-position: center left;
        background-repeat: no-repeat;
        height: 100%;
        min-height: 1350px;
    }

    .about-section1 {
        margin-top: 0;
        padding-top: 200px;
    }

    .services-box {
        margin-top: -22%;
    }

    .social-box {
        width: 30% !important;
        width: 70%;
    }

    .hero-btns .free-demo a {
        padding: 18px 50px;
    }

    .hero-btns .free-act a {
        padding: 18px 50px;
    }

    .sub-image {
        background-image: unset;
    }

    .contact-btns {
        padding-left: 21%;
    }

    .contact-btns .login-now-btn {
        background-color: transparent;
        padding: 15px 25px;
        border-radius: 29px;
        color: #ffffff;
        font-family: "Open Sans", sans-serif;
        font-size: 14px;
        font-weight: bold;
        letter-spacing: 0.88px;
        line-height: 19px;
        -webkit-box-shadow: 0 7px 6px -3px rgba(0, 0, 0, 0.2);
        box-shadow: 0 7px 6px -3px rgba(0, 0, 0, 0.2);
        text-decoration: none;
        border: 2px solid;
        width: 100%;
        max-width: 220px;
        text-align: center;
    }

    .contact-btns > .apply-btn {
        background-color: #f79200;
        padding: 15px 25px;
        border-radius: 29px;
        color: #ffffff;
        font-family: "Open Sans", sans-serif;
        font-size: 15px;
        font-weight: bold;
        letter-spacing: 0.88px;
        line-height: 19px;
        -webkit-box-shadow: 0 7px 6px -3px rgba(0, 0, 0, 0.2);
        box-shadow: 0 7px 6px -3px rgba(0, 0, 0, 0.2);
        border: unset;
        width: 100%;
        max-width: 220px;
        margin-right: 20px;
        display: inline-block;
        text-align: center;
    }

    .hero-text {
        width: 100%;
        padding-top: 5%;
    }

    .hero-text > h1 {
        color: #ffffff;
        font-size: 27px;
        line-height: 40px;
        margin-bottom: 33px;
        -webkit-animation: fadeIn 1s ease-in both;
        animation: fadeIn 1s ease-in both;
    }

    .hero-text p {
        font-size: 14px;
    }

    .social-box-main-div {
        padding: 0;
    }

    .img-fingerprit {
        padding-top: 0px;
    }

    .finger-main {
        padding-right: 0%;
    }

    .finger-print {
        margin-top: 0px;
        padding-top: 100px;
    }

    .modal-content iframe {
        width: 100%;
        height: 280px;
    }

    .custom-modal .modal-content {
        height: 100%;
        min-height: 280px;
    }

    .finger-text > h3 {
        color: #0F1721;
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 20px;
    }

    .finger-text > p {
        font-size: 15px;
        line-height: 22px;
    }

    .hidetext {
        display: none;
    }

    .hidetextgame {
        display: none;
    }

    .hidetextphone {
        display: none;
    }

    .imp_text {
        display: none;
    }

    .img-loader {
        width: 100%;
        height: auto !important;
    }

    .content-finger > p {
        font-size: 15px;
        line-height: 22px;
    }

    .iphone-img img {
        max-height: 400px;
        margin-left: -20%;
    }

    .over-interpreter img {
        margin-top: 0%;
    }

    .pt-200 {
        padding-top: 100px;
    }

    .happy-client {
        height: 130px;
        width: 130px;
        border-radius: 7px;
        background-color: #29D68B;
        -webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.2);
        margin-bottom: 0;
        margin-right: 0;
        margin-top: 0;
        padding: 10px;
        text-align: center;
        position: relative;
    }

    .professional {
        height: 130px;
        width: 130px;
        border-radius: 7px;
        background-color: #B07FFF;
        -webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.2);
        padding: 10px;
        text-align: center;
        position: relative;
    }

    .langauges {
        height: 130px;
        width: 130px;
        border-radius: 7px;
        background-color: #f79200;
        -webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.2);
        margin-right: 0;
        padding: 10px;
        text-align: center;
        position: relative;
    }

    .award {
        height: 130px;
        width: 130px;
        border-radius: 7px;
        background-color: #1C44D6;
        -webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.2);
        padding: 10px;
        text-align: center;
        position: relative;
        margin-top: 0;
    }

    .box-text > h3 {
        color: #ffffff;
        font-family: "Open Sans", sans-serif;
        font-size: 25px;
        font-weight: bold;
        letter-spacing: 0.96px;
        line-height: 26px;
        margin-bottom: 13px;
    }

    .box-text p {
        color: #ffffff;
        font-family: "Open Sans", sans-serif;
        font-size: 15px;
        letter-spacing: 0.43px;
        line-height: 26px;
        margin-bottom: 0;
        text-transform: uppercase;
    }

    .bg-slider {
        max-width: 550px !important;
        border-radius: 20px;
        background-color: #ffffff;
        -webkit-box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.05);
        box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.05);
        position: absolute;
        left: 50%;
        top: 50%;
        width: 90%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .client-images {
        display: none;
    }

    .Step-Work {
        padding-top: 0px;
    }

    .Step-Work h3 {
        color: #0F1721;
        font-family: "Open Sans", sans-serif;
        font-size: 30px;
        line-height: 45px;
        text-align: left;
    }

    .step-right-box {
        position: absolute;
        top: -14px;
        left: 9%;
        text-align: center;
    }

    .step-right-box2 {
        position: absolute;
        top: -14px;
        right: 9%;
        text-align: center;
    }

    .step-right-box3 {
        position: absolute;
        top: 53%;
        left: 11%;
        text-align: center;
    }

    .step-right-box4 {
        position: absolute;
        top: 53%;
        right: 11%;
        text-align: center;
    }

    .step-right-box5 {
        position: absolute;
        bottom: -21%;
        left: 40%;
        text-align: center;
    }

    .pt-100 {
        padding-top: 50px;
    }

    .toggle-ico {
        color: #ffffff;
    }

    .navbar-toggler {
        padding: .25rem .75rem;
        font-size: 1.25rem;
        line-height: 1;
        background-color: #385af2 !important;
        border: 2px solid #f79200 !important;
        border-radius: .25rem;
    }

    .shadowg {
        display: none;
    }

    .testimonial {
        padding-top: 0 !important;
        margin-top: -18%;
    }

    .widget-about > img {
        margin-bottom: 30px;
        height: auto;
    }

    .main-boxes {
        height: 170px;
        padding-top: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        margin-top: 50px;
    }

    .tab-img img {
        width: 100%;
        max-height: 350px;
    }

    .box-row {
        width: 50%;
        -webkit-box-pack: inherit !important;
        -ms-flex-pack: inherit !important;
        justify-content: inherit !important;
    }

    .play-ico {
        height: 60px;
        width: 60px;
        text-align: center;
        background-color: #f79200;
        border-radius: 50%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        cursor: pointer;
    }

    .play-ico > i {
        font-size: 20px;
        color: #fff;
        padding: 20px;
    }

    .play-ico p {
        margin-left: -11px;
    }

    .ipad-img > img {
        max-height: 400px;
        margin-right: 0%;
    }

    .main-header #navbarNavDropdown {
        background-color: #ffffff;
        padding: 15px;
    }

    .trasprentbg {
        padding-left: 10px;
        padding-right: 10px;
    }

    .trasprentbg #navbarNavDropdown a {
        color: #000 !important;
    }

    .email {
        font-size: 16px;
        line-height: 33px;
        color: #ffffff;
    }

    .email > label {
        margin-right: 15px;
    }

    .top-header {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
    }

    .sign-up {
        margin-right: 0px;
    }

    .contact {
        font-size: 16px;
        line-height: 33px;
        color: #ffffff;
    }

    .social-media > ul > li {
        margin: 0px 5px;
    }

    .daytranslations-footer-menu {
        padding-right: 0%;
    }

    .company-footer-menu {
        padding-right: 0%;
    }

    .download-box {
        margin-left: 0px;
        margin-top: -30px;
        padding: 15px 13px;
    }

    .box-title h5 {
        margin-bottom: 20px;
        color: #0F1721;
        font-family: "Open Sans", sans-serif;
        font-size: 24px;
        line-height: 33px;
    }

    .download-form {
        height: 45px;
    }

    .btn-download-now .btn-download {
        padding: 14px;
        max-width: 200px;
    }

    .topics {
        padding-left: 0px;
        padding-right: 0px;
    }

    .importance-left {
        margin-top: 20px;
        padding-right: 0;
        margin-left: 0px;
    }

    .importance-inside {
        padding-left: 10px;
        padding-top: 70px;
    }

    .topics-circle {
        margin-right: 0px;
    }

    .topic-text p {
        color: #1A2637;
        font-family: "Open Sans", sans-serif;
        font-size: 15px;
        line-height: 24px;
    }

    .books-img {
        margin-left: 0px;
    }

    .supprot-box {
        margin-left: 0px;
        padding: 30px 20px;
    }

    .becomestep-text {
        padding-right: 0%;
    }

    .become-interpreter-title h3 {
        color: #535353;
        font-size: 25px;
        line-height: 40px;
        margin-bottom: 0;
    }

    .become-step-main {
        -webkit-box-align: self-end;
        -ms-flex-align: self-end;
        align-items: self-end;
    }

    .our-interpreters-title h3 {
        color: #535353;
        font-family: "Open Sans";
        font-size: 28px;
        line-height: 40px;
    }

    .becomeinterpretor-slider {
        padding: 10px !important;
    }

    .prev-next {
        margin-top: 20px;
    }

    .becomestep-round label {
        background-color: #edebfc;
        height: 75px;
        width: 75px;
        border-radius: 50%;
        position: relative;
        margin-right: 30px;
        margin-bottom: 0;
    }

    .video-title h3 {
        padding: 0 10%;
        font-size: 29px;
        line-height: 40px;
    }

    .video-title p {
        padding: 0 18%;
    }

    .whychoose-icon {
        padding: 0;
    }

    .whychoose-text {
        padding: 0;
    }

    .importace-main .play-video {
        width: 550px;
        margin: 0 auto;
        text-align: center;
    }

    .req-video img {
        height: 250px;
        width: 100%;
    }

    .req-demo h5 {
        font-size: 20px;
    }

    .req-a-demo .get-freedemo {
        padding-left: 0;
    }

    .resources-left {
        padding-top: 18px;
    }

    .signup-left h1 {
        color: #0F1721;
        font-size: 20px;
        line-height: 30px;
        padding-right: 5%;
    }

    .signup-video h3 {
        color: #0F1721;
        font-size: 20px;
        line-height: 30px;
    }

    .tile {
        width: 100%;
        margin-top: 30px;
    }

    .nav-tabs li a {
        position: relative;
        margin-right: 0px !important;
        padding: 10px !important;
        border: none !important;
        color: #0F1721;
        opacity: 0.4;
        font-size: 14px;
        font-weight: bold;
        letter-spacing: 0.2px;
        line-height: 20px;
    }

    .login-signup .tab-content {
        padding: 0;
    }

    .nav-tabs {
        margin-bottom: 0;
    }

    .signup-title h3 {
        font-size: 19px;
        line-height: 30px;
    }

    .signup-title p {
        font-size: 15px;
        line-height: 24px;
        margin-bottom: 30px;
    }

    .tab-pane {
        padding: 10px;
    }

    .remember-me span {
        padding-left: 15px;
        font-size: 14px;
        line-height: 22px;
    }

    .forget-pass a {
        font-size: 14px;
    }

    .btn-google .google-login {
        padding: 16px;
        max-width: 210px;
    }

    .login-signup .req-video img {
        height: 160px;
        width: 100%;
    }

    .forgot-footer-main a {
        margin: 0 35px;
    }

    .forgot-main {
        width: 100%;
        max-width: 60%;
        margin: 0 auto;
    }

    .lrn-more {
        display: none;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .overphone-hide {
        display: none;
    }

    .hidebtn {
        display: none;
    }

    .custom-container {
        max-width: 95%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        width: 100%;
    }

    .daytranslations-footer-menu {
        padding-right: 5%;
    }

    .top-hero-img {
        background-image: url(../images/hero-bg-shape.svg);
        background-size: cover;
        background-position: center left;
        background-repeat: no-repeat;
        height: 100%;
        min-height: 1300px;
    }

    .services-box {
        margin-top: -22%;
    }

    .about-section1 {
        margin-top: 30px;
    }

    .social-box {
        width: 30% !important;
        width: 70%;
    }

    .hero-btns .free-demo a {
        padding: 18px 20px;
    }

    .hero-btns .free-act a {
        padding: 18px 20px;
    }

    .sub-image {
        background-image: unset;
    }

    .contact-btns {
        padding-left: 0;
    }

    .contact-btns .login-now-btn {
        background-color: transparent;
        padding: 15px 25px;
        border-radius: 29px;
        color: #ffffff;
        font-family: "Open Sans", sans-serif;
        font-size: 14px;
        font-weight: bold;
        letter-spacing: 0.88px;
        line-height: 19px;
        -webkit-box-shadow: 0 7px 6px -3px rgba(0, 0, 0, 0.2);
        box-shadow: 0 7px 6px -3px rgba(0, 0, 0, 0.2);
        text-decoration: none;
        border: 2px solid;
        width: 100%;
        text-align: center;
    }

    .contact-btns > .apply-btn {
        background-color: #f79200;
        padding: 15px 25px;
        border-radius: 29px;
        color: #ffffff;
        font-family: "Open Sans", sans-serif;
        font-size: 15px;
        font-weight: bold;
        letter-spacing: 0.88px;
        line-height: 19px;
        -webkit-box-shadow: 0 7px 6px -3px rgba(0, 0, 0, 0.2);
        box-shadow: 0 7px 6px -3px rgba(0, 0, 0, 0.2);
        border: unset;
        width: 100%;
        margin-right: 20px;
        display: inline-block;
        text-align: center;
    }

    .hero-text {
        width: 100%;
        padding-top: 0%;
    }

    .hero-text > h1 {
        color: #ffffff;
        font-size: 27px;
        line-height: 40px;
        margin-bottom: 33px;
        -webkit-animation: fadeIn 1s ease-in both;
        animation: fadeIn 1s ease-in both;
    }

    .hero-text p {
        font-size: 14px;
    }

    .social-box-main-div {
        padding: 0;
    }

    .finger-main {
        padding-right: 0%;
    }

    .finger-print {
        margin-top: 20px;
    }

    .finger-text > h3 {
        color: #0F1721;
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 20px;
    }

    .finger-text > p {
        font-size: 15px;
        line-height: 22px;
    }

    .content-finger > p {
        font-size: 15px;
        line-height: 22px;
    }

    .pt-200 {
        padding-top: 50px;
    }

    .happy-client {
        height: 130px;
        width: 130px;
        border-radius: 7px;
        background-color: #29D68B;
        -webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.2);
        margin-bottom: 50px;
        margin-right: 10px;
        padding: 10px;
        text-align: center;
        position: relative;
    }

    .professional {
        height: 130px;
        width: 130px;
        border-radius: 7px;
        background-color: #B07FFF;
        -webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.2);
        padding: 10px;
        text-align: center;
        position: relative;
    }

    .langauges {
        height: 130px;
        width: 130px;
        border-radius: 7px;
        background-color: #f79200;
        -webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.2);
        margin-right: 10px;
        padding: 10px;
        text-align: center;
        position: relative;
    }

    .award {
        height: 130px;
        width: 130px;
        border-radius: 7px;
        background-color: #1C44D6;
        -webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.2);
        padding: 10px;
        text-align: center;
        position: relative;
    }

    .box-text > h3 {
        color: #ffffff;
        font-family: "Open Sans", sans-serif;
        font-size: 25px;
        font-weight: bold;
        letter-spacing: 0.96px;
        line-height: 26px;
        margin-bottom: 13px;
    }

    .box-text p {
        color: #ffffff;
        font-family: "Open Sans", sans-serif;
        font-size: 15px;
        letter-spacing: 0.43px;
        line-height: 26px;
        margin-bottom: 0;
        text-transform: uppercase;
    }

    .bg-slider {
        max-width: 550px !important;
        border-radius: 20px;
        background-color: #ffffff;
        -webkit-box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.05);
        box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.05);
        position: absolute;
        left: 50%;
        top: 50%;
        width: 90%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .client-images {
        display: none;
    }

    .Step-Work {
        padding-top: 0px;
    }

    .Step-Work h3 {
        color: #0F1721;
        font-family: "Open Sans", sans-serif;
        font-size: 30px;
        line-height: 45px;
        text-align: left;
    }

    .pt-100 {
        padding-top: 50px;
    }

    .toggle-ico {
        color: #ffffff;
    }

    .navbar-toggler {
        padding: .25rem .75rem;
        font-size: 1.25rem;
        line-height: 1;
        background-color: #385af2 !important;
        border: 2px solid #f79200 !important;
        border-radius: .25rem;
    }

    .shadowg {
        display: none;
    }

    .step-right-box {
        position: absolute;
        top: -14px;
        left: -4%;
        text-align: center;
    }

    .step-right-box2 {
        position: absolute;
        top: -14px;
        right: -4%;
        text-align: center;
    }

    .step-right-box3 {
        position: absolute;
        top: 53%;
        left: -9%;
        text-align: center;
    }

    .step-right-box4 {
        position: absolute;
        top: 53%;
        right: -6%;
        text-align: center;
    }

    .step-right-box5 {
        position: absolute;
        bottom: -30%;
        left: 35%;
        text-align: center;
    }

    .testimonial {
        padding-top: 0 !important;
        margin-top: -18%;
    }

    .widget-about > img {
        margin-bottom: 30px;
        height: auto;
    }

    .main-boxes {
        height: 580px;
        padding-top: 0;
    }

    .play-ico {
        height: 60px;
        width: 60px;
        text-align: center;
        background-color: #f79200;
        border-radius: 50%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        cursor: pointer;
    }

    .play-ico > i {
        font-size: 20px;
        color: #ffffff;
        padding: 20px;
    }

    .play-ico p {
        margin-left: -11px;
    }

    .ipad-img > img {
        max-height: 530px;
        margin-right: 0%;
    }

    .main-header .cust-nav {
        margin: 0px 4px;
    }

    .trasprentbg {
        padding-left: 10px;
        padding-right: 10px;
    }

    .email > label {
        margin-right: 15px;
    }

    .download-box {
        margin-left: 0px;
        margin-top: -30px;
        padding: 15px 13px;
    }

    .box-title h5 {
        margin-bottom: 20px;
        color: #0F1721;
        font-family: "Open Sans", sans-serif;
        font-size: 24px;
        line-height: 33px;
    }

    .download-form {
        height: 45px;
    }

    .btn-download-now .btn-download {
        padding: 14px;
        max-width: 200px;
    }

    .topics {
        padding-left: 0px;
        padding-right: 0px;
    }

    .importance-left {
        margin-top: 20px;
        padding-right: 0;
        margin-left: 0px;
    }

    .importance-inside {
        padding-left: 10px;
        padding-top: 70px;
    }

    .topics-circle {
        margin-right: 0px;
    }

    .topic-text p {
        color: #1A2637;
        font-family: "Open Sans", sans-serif;
        font-size: 15px;
        line-height: 24px;
    }

    .books-img {
        margin-left: 0px;
    }

    .supprot-box {
        margin-left: 0px;
    }

    .becomeinterpretor-slider {
        padding: 10px !important;
    }

    .video-title h3 {
        padding: 0 10%;
        font-size: 29px;
        line-height: 40px;
    }

    .video-title p {
        padding: 0 18%;
    }

    .whychoose-icon {
        padding: 0;
    }

    .whychoose-text {
        padding: 0;
    }

    .importace-main .play-video {
        width: 550px;
        margin: 0 auto;
        text-align: center;
    }

    .req-video img {
        height: 250px;
        width: 100%;
    }

    .req-demo h5 {
        font-size: 20px;
    }

    .req-a-demo .get-freedemo {
        padding-left: 0;
    }

    .req-a-demo .finger-text h1 {
        font-size: 24px;
        line-height: 60px;
    }

    .become-step-main {
        -webkit-box-align: self-end;
        -ms-flex-align: self-end;
        align-items: self-end;
    }

    .resources-left {
        padding-top: 18px;
    }

    .tile {
        width: 100%;
        margin-top: 30px;
    }

    .nav-tabs li a {
        position: relative;
        margin-right: 0px !important;
        padding: 10px !important;
        border: none !important;
        color: #0F1721;
        opacity: 0.4;
        font-size: 14px;
        font-weight: bold;
        letter-spacing: 0.2px;
        line-height: 20px;
    }

    .signup-title h3 {
        font-size: 19px;
        line-height: 30px;
    }

    .signup-title p {
        font-size: 15px;
        line-height: 24px;
        margin-bottom: 30px;
    }
}

@media (min-width: 1200px) and (max-width: 1440px) {
    .overphone-hide {
        display: none;
    }

    .hidebtn {
        display: none;
    }

    .importance-inside h3 {
        padding-right: 26px;
    }

    .hero-text > h1 {
        color: #ffffff;
        font-size: 37px;
        line-height: 65px;
        margin-bottom: 33px;
        -webkit-animation: fadeIn 1s ease-in both;
        animation: fadeIn 1s ease-in both;
    }

    .about-section1 {
        margin-top: 5%;
    }

    .contact-btns > .apply-btn {
        padding: 18px 30px;
    }

    .contact-btns .login-now-btn {
        padding: 18px 30px;
    }

    .sub-image {
        background-image: url(../images/di-banner-image@2x.png);
        width: 100%;
        height: 840px;
        background-repeat: no-repeat;
        background-position: right top;
        background-size: contain;
        position: absolute;
        top: 215px;
    }

    .finger-text > h3 {
        color: #0F1721;
        font-size: 29px;
        line-height: 60px;
        margin-bottom: 50px;
    }

    .finger-print {
        margin-top: 200px;
    }

    .social-media > ul > li {
        margin: 0px 3px;
    }

    .step-right-box {
        position: absolute;
        top: -14px;
        left: 0%;
        text-align: center;
    }

    .step-right-box2 {
        position: absolute;
        top: -14px;
        right: 0%;
        text-align: center;
    }

    .step-right-box3 {
        position: absolute;
        top: 53%;
        left: -3%;
        text-align: center;
    }

    .step-right-box4 {
        position: absolute;
        top: 53%;
        right: -3%;
        text-align: center;
    }

    .step-right-box5 {
        position: absolute;
        bottom: -30%;
        left: 37%;
        text-align: center;
    }

    .becomeinterpretor-slider {
        padding: 10px !important;
    }

    .prev-next {
        margin-top: 20px;
    }

    .video-title h3 {
        padding: 0 10%;
        font-size: 29px;
        line-height: 40px;
    }

    .video-title p {
        padding: 0 18%;
    }

    .whychoose-text {
        padding: 0px 16%;
    }

    .resources-left .importance-inside {
        padding-left: 0;
    }

    .resources .importance-inside {
        padding-left: 0px;
    }

    .login-signup .tab-content {
        padding: 0;
    }

    .req-video img {
        height: 250px;
        width: 100%;
    }

    .signup-title h3 {
        color: #0F1721;
        font-size: 21px;
        line-height: 50px;
        text-align: center;
        margin-bottom: 0;
    }

    .video-img iframe {
        width: 100%;
        height: 292px;
    }

    .img-fingerprit {
        padding-top: 150px;
    }
}

/*Top Banner Media Query */
@media (min-width: 1280px) and (max-width: 1439px) {
    .overphone-hide {
        display: none;
    }

    .hidebtn {
        display: none;
    }

    .top-hero-img {
        z-index: 0;
        background-image: url(../images/hero-bg-shape.svg);
        background-size: 1280px;
        background-position: top left;
        background-repeat: no-repeat;
        min-height: 1540px;
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
    }

    .social-box-main-div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-left: 0%;
        padding-right: 0%;
    }
}

@media (min-width: 1281px) and (max-width: 1366px) {
    .overphone-hide {
        display: none;
    }

    .hidebtn {
        display: none;
    }

    .top-hero-img {
        z-index: 0;
        background-image: url(../images/hero-bg-shape.svg);
        background-size: 1367px;
        background-position: top left;
        background-repeat: no-repeat;
        min-height: 1540px;
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
    }

    .sub-image {
        background-image: url(../images/di-banner-image@2x.png);
        width: 100%;
        height: 720px;
        background-repeat: no-repeat;
        background-position: right top;
        background-size: contain;
        position: absolute;
        top: 215px;
    }

    .services-box {
        position: relative;
        margin-top: 90px;
    }
}

@media (min-width: 1367px) and (max-width: 1440px) {
    .overphone-hide {
        display: none;
    }

    .hidebtn {
        display: none;
    }

    .top-hero-img {
        z-index: 0;
        background-image: url(../images/hero-bg-shape.svg);
        background-size: 1440px;
        background-position: top left;
        background-repeat: no-repeat;
        min-height: 1620px;
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
    }

    .sub-image {
        background-image: url(../images/di-banner-image@2x.png);
        width: 100%;
        height: 720px;
        background-repeat: no-repeat;
        background-position: right top;
        background-size: contain;
        position: absolute;
        top: 215px;
    }

    .services-box {
        position: relative;
        margin-top: 90px;
    }

    .social-box-main-div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-left: 0%;
        padding-right: 0%;
    }

    .social-box {
        border-radius: 9px;
        background-color: #ffffff;
        -webkit-box-shadow: 0 10px 40px -5px rgba(0, 0, 0, 0.08);
        box-shadow: 0 10px 40px -5px rgba(0, 0, 0, 0.08);
        width: 100%;
        margin-bottom: 25px;
        margin-left: 10px;
        margin-right: 10px;
        padding: 30px;
        text-align: center;
        max-width: 270px;
        /* max-height: 130px; */
    }
}

@media (min-width: 1441px) and (max-width: 1699px) {
    .overphone-hide {
        display: none;
    }

    .hidebtn {
        display: none;
    }

    .top-hero-img {
        z-index: 0;
        background-image: url(../images/hero-bg-shape.svg);
        background-size: 1699px;
        background-position: top left;
        background-repeat: no-repeat;
        min-height: 1900px;
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
    }

    .social-box-main-div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-left: 0%;
        padding-right: 0%;
    }

    .social-box {
        border-radius: 9px;
        background-color: #ffffff;
        -webkit-box-shadow: 0 10px 40px -5px rgba(0, 0, 0, 0.08);
        box-shadow: 0 10px 40px -5px rgba(0, 0, 0, 0.08);
        width: 100%;
        margin-bottom: 25px;
        margin-left: 10px;
        margin-right: 10px;
        padding: 30px;
        text-align: center;
        max-width: 300px;
        /* max-height: 130px; */
    }
}

@media (min-width: 1700px) and (max-width: 1920px) {
    .overphone-hide {
        display: none;
    }

    .hidebtn {
        display: none;
    }

    .top-hero-img {
        z-index: 0;
        background-image: url(../images/hero-bg-shape.svg);
        background-size: 1920px;
        background-position: top left;
        background-repeat: no-repeat;
        min-height: 2200px;
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
    }

    .sub-image {
        background-image: url(../images/di-banner-image@2x.png);
        width: 100%;
        height: 1150px;
        background-repeat: no-repeat;
        background-position: right top;
        background-size: contain;
        position: absolute;
        top: 215px;
    }

    .hero-text {
        width: 47%;
        padding-top: 25%;
        position: relative;
        z-index: 1;
    }

    .services-box {
        position: relative;
        margin-top: 350px;
    }

    .social-box-main-div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-left: 0%;
        padding-right: 0%;
    }

    .social-box {
        border-radius: 9px;
        background-color: #ffffff;
        -webkit-box-shadow: 0 10px 40px -5px rgba(0, 0, 0, 0.08);
        box-shadow: 0 10px 40px -5px rgba(0, 0, 0, 0.08);
        width: 100%;
        margin-bottom: 25px;
        margin-left: 10px;
        margin-right: 10px;
        padding: 20px;
        text-align: center;
        max-width: 340px;
        /* max-height: 130px; */
    }
}

@media (min-width: 1921px) and (max-width: 2560px) {
    .overphone-hide {
        display: none;
    }

    .hidebtn {
        display: none;
    }

    .hero-text {
        width: 54%;
        padding-top: 25%;
        position: relative;
        z-index: 1;
    }

    .sub-image {
        background-image: url(../images/di-banner-image@2x.png);
        width: 100%;
        height: 70%;
        background-repeat: no-repeat;
        background-position: right top;
        background-size: contain;
        position: absolute;
        top: 215px;
    }

    .top-hero-img {
        z-index: 0;
        background-image: url(../images/hero-bg-shape.svg);
        background-size: cover;
        background-position: bottom left;
        background-repeat: no-repeat;
        min-height: 2400px;
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
    }

    .improve-exp {
        margin-left: auto;
        max-width: 100%;
        padding-right: 10%;
    }

    .about-left {
        margin-left: auto;
        max-width: 100%;
        padding-right: 10%;
    }

    .services-box {
        position: relative;
        margin-top: 400px;
    }
}

/*------------End Media Query------------*/
.sprite {
    background-image: url("../images/spritesheet1.png");
    background-repeat: no-repeat;
    display: block;
}

.sprite-ICON-FACEBOOK_2x {
    width: 9px;
    height: 15px;
    background-position: -5px -5px;
}

.sprite-ICON-INSTAGRAM_2x {
    width: 15px;
    height: 15px;
    background-position: -74px -5px;
}

.sprite-ICON-LINKDIN_2x {
    width: 15px;
    height: 15px;
    background-position: -49px -5px;
}

.sprite-ICON-TWITER_2x {
    width: 15px;
    height: 16px;
    background-position: -24px -5px;
}

.sprite-ICON-WHATSAPP_2x {
    width: 15px;
    height: 16px;
    background-position: -99px -5px;
}

.sprite-ICON-YOUTUBE_2x {
    width: 15px;
    height: 20px;
    background-position: -124px -2px;
}

.social-media i {
    margin: 0 7px;
}

.loader {
    position: absolute;
    background-image: url(../images/loader.gif);
    height: 127px;
    width: 127px;
    left: 27%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1;
    display: none;
}

.img-loader {
    width: 100%;
    height: 450px;
}

.main-loader {
    position: relative;
}

.loader2 {
    left: 60%;
    top: 300px;
}

.loader3 {
    top: 440px;
    left: 32%;
}

#term-of-service .modal-dialog {
    max-width: 850px;
}

.term-wrapper-inner h2 {
    color: #727272;
}

.term-wrapper-inner p {
    color: #727272;
    font-size: 16px;
}

input::-webkit-calendar-picker-indicator {
    display: none;
}

.country_select {
    height: 100px;
}

.become-inter-btn {
    color: #FFFFFF;
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.88px;
    line-height: 19px;
    border-radius: 27.5px;
    background-color: #316FFF;
    padding: 15px;
    width: 100%;
    max-width: 300px;
    margin: 60px 45px;
}

.become-inter-btn:hover {
    color: #ffffff;
}

#youtube_video_body {
    padding: 0;
}

/*# sourceMappingURL=style.css.map */
/*style by atul*/
.page-header-height {
    height: 140px !important;
}

a.btn.btn-primary.open-di-app {
    padding: 13px 25px;
    border-radius: 27.5px;
    border: none !important;
    background-color: #007bff;
    font-family: "Open Sans", sans-serif !important;
    font-size: 14px !important;
    font-weight: bold !important;
    letter-spacing: 0.88px !important;
    line-height: 19px !important;
    color: #fff;
}

.login-signup .validation_msg {
    text-align: center;
    margin-bottom: 20px;
}

.login-signupa .open-di-app {
    padding: 13px 25px;
    margin-bottom: 20px;
    border-radius: 27.5px;
    border: none !important;
    background-color: #007bff;
    font-family: "Open Sans", sans-serif !important;
    font-size: 14px !important;
    font-weight: bold !important;
    letter-spacing: 0.88px !important;
    line-height: 19px !important;
}

.login-signup .or-login-option {
    color: #afafaf;
    text-transform: capitalize;
    letter-spacing: 1.5px;
}

.backto-login .open-di-app {
    margin-bottom: 20px;
    width: 250px;
}

.backto-login .or-login-option {
    display: block;
    text-align: center;
}