/**
 * @file
 * Subtheme specific CSS for responsive.
 */


/* ---------- Responsive CSS --------- */

@media only screen and (min-width: 250px) and (max-width: 767px) {

/* Global CSS -- */
a.navbar-brand {
    width: 70%;
}
.p-5 {
    padding: 3rem 0rem !important;
}
.py-huge {
    padding-bottom: 3.25rem !important;
    padding-top: 3.25rem !important;
}
.pt-huge {
    padding-top: 3.25rem !important;
}
.pb-huge {
    padding-bottom: 3.25rem !important;
}

.company-icons .field--name-field-icon-box {
    grid-template-columns: auto auto !important;
    padding: 0px !important;
}
.faq-title {
    font-size: 16px;
}
.faq-title:before {
    width: 10px;
    height: 10px;
}
.inner-hero-img-content {
    flex-direction: column;
}
.hero-content-wrap, .hero_video-image-wrap {
    width: 100%;
}
.content_hero-img-text {
    background-size: 100% 100% !important;
}
.hero-video-wrap iframe {
    position: relative;
    left: -55px;
    top: 20px;
}
.hero-video-wrap {
    padding: 30px 0px;
}
#paragraph-type--menu_block ul.clearfix.nav {
    display: block !important;
}
.Blue .hero-content-wrap:after {
    display: none;
}

.TextSectionLeftRightPositionwithCards.Two-Columns.Right.p-10 {
    padding: 0px !important;
}

.grid-carousal-section .short-text p{
    display: none;
}

.grid-carousal-section .title{
    padding: 0px;
}

.grid-carousal-section .content-section-wrap{
    padding: 5px 10px;
}


/* Global CSS -- ends--*/

/* Homepage CSS -- */

.tpc-home-hero-wrap {
    flex-direction: column;
}
.tpc-home-hero-wrap .main-content, .main-two-card {
    width: 100%;
}
.main-two-card .flex {
    position: relative;
    flex-direction: column;
}
.contact-center, .language-solution {
    width: 100%;
    margin-top: 25px;
}
.contact-center-wrap, .language-solution-wrap {
    height: auto;
}
.scroll-content>div {
    font-size: 20px;
}
/* Owl Carousel - */

.owl-nav, .grid-nav {
    width: 50%;
}
.owl-item.medium.mdleft {
    transform: scale(0.8);
    position: relative;
    right: -20px;
}
.carousel-content-sidebyside {
    flex-direction: column-reverse;
}
.side-carousel {
    width: 100%;
    height: auto;
}
.caruoselaside-content {
    width: 100%;
    padding: 25px;
    position: relative;
    right: 0px;
    top: 0px;
}
.side-carousel-headline {
    padding: 0px 25px;
}
.owl-item.mdright.side_big.active.center, .owl-item.active.center.side_big,
.owl-item.side_medium.mdright {
    transform: scale(0.9) translatex(4%) !important;
}
#owl-clients-517 .owl-nav {
    position: relative;
    width: 50% !important;
}
.owl-carousel-container .owl-item.active.medium.mdleft, .owl-side-carousel {
    right: 0px !important;
}
/* Paragraph CSS ---*/
.banner .inner-opne-html {
    width: 100%;
}
#paragraph-type--text_and_image_side_by_side .container {
    flex-direction: column;
    width: 100%;
}

#paragraph-type--text_and_image_side_by_side .TextContainerLeftRight.col-md-6,
#paragraph-type--text_and_image_side_by_side .ImageSectionFlexible.col-md-6 {
    padding: 0px !important;
    width: 100% !important;
}
#paragraph-type--text_and_cards_side_by_side .One-Column .inner-box {
    flex-direction: column;
}

#paragraph-type--text_and_cards_side_by_side .title {
    margin: 15px 0px !important;
}
#paragraph-type--text_and_cards_side_by_side .Large-Cards .inner-box .icon,
#paragraph-type--text_and_cards_side_by_side .Large-Cards .inner-box .icon img {
    width: auto;
    height: auto !important;
}
#paragraph-type--text_and_cards_side_by_side .One-Column .inner-box {
    margin: 30px 0px;
}
.TextSectionLeftRightPositionwithCards .col-md-6 {
    padding: 0px !important;
    margin-bottom: 35px;
}
#paragraph-type--text_and_cards_side_by_side .Large-Cards .inner-box .content-section {
    padding: 15px 25px;
}
#paragraph-type--text_and_cards_side_by_side .One-Column .icon {
    margin: auto;
}
.TextSectionLeftRightPositionwithCards  .inner-box {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.TextSectionLeftRightPositionwithCards.Two-Columns .content-section, .Small-Cards .content-section {
    text-align: center;
}
#paragraph-type--two_column_textbox .two_column_wrap {
    flex-direction: column;
    gap: 35px;
}
#paragraph-type--two_column_textbox .TextContainerLeft, #paragraph-type--two_column_textbox .TextContainerRight {
    width: 100% !important;
    padding: 0px !important;
}

#paragraph-type--icon_cards .columns- .field.field--name-field-icon-card-box,
#paragraph-type--icon_cards .columns-3 .field.field--name-field-icon-card-box,
#paragraph-type--icon_cards .columns-4 .field.field--name-field-icon-card-box,
#paragraph-type--icon_cards .columns-5 .field.field--name-field-icon-card-box ,
#paragraph-type--icon_cards .columns-6 .field.field--name-field-icon-card-box {
    grid-template-columns: auto;
}
#paragraph-type--icon_horizontal_list .columns- .field--name-field-icon-box ,
#paragraph-type--icon_horizontal_list .columns-3 .field--name-field-icon-box ,
#paragraph-type--icon_horizontal_list .columns-4 .field--name-field-icon-box ,
#paragraph-type--icon_horizontal_list .columns-5 .field--name-field-icon-box ,
#paragraph-type--icon_horizontal_list .columns-6 .field--name-field-icon-box {
    grid-template-columns: auto;
}

#paragraph-type--icon_text_with_bg_img .columns- .field.field--name-field-icon-text-box ,
#paragraph-type--icon_text_with_bg_img .columns-3 .field.field--name-field-icon-text-box ,
#paragraph-type--icon_text_with_bg_img .columns-4 .field.field--name-field-icon-text-box ,
#paragraph-type--icon_text_with_bg_img .columns-5 .field.field--name-field-icon-text-box ,
#paragraph-type--icon_text_with_bg_img .columns-6 .field.field--name-field-icon-text-box {
    grid-template-columns: auto !important;
}

#paragraph-type--three_field_cards .infobox-section.columns- .field--name-field-three-fields-info-box ,
#paragraph-type--three_field_cards .infobox-section.columns-3 .field--name-field-three-fields-info-box ,
#paragraph-type--three_field_cards .infobox-section.columns-4 .field--name-field-three-fields-info-box ,
#paragraph-type--three_field_cards .infobox-section.columns-5 .field--name-field-three-fields-info-box ,
#paragraph-type--three_field_cards .infobox-section.columns-6 .field--name-field-three-fields-info-box {
    grid-template-columns: auto !important;
}


#paragraph-type--stats_cards .columns- .field.field--name-field-stats- .field__items,
#paragraph-type--stats_cards .columns-3 .field.field--name-field-stats- .field__items,
#paragraph-type--stats_cards .columns-4 .field.field--name-field-stats- .field__items,
#paragraph-type--stats_cards .columns-5 .field.field--name-field-stats- .field__items,
#paragraph-type--stats_cards .columns-6 .field.field--name-field-stats- .field__items{
    grid-template-columns: auto;
}
.statscards-box {
    margin-bottom: 130px;
}
.statscards-box .field__items {
    grid-template-columns: auto !important;
}
#paragraph-type--three_field_cards .Full_width .infobox-section .field--name-field-three-fields-info-box  {
    justify-content: center !important;
}
#paragraph-type--three_field_cards .inner-infobox {
    margin: 0px !important ;
    text-align: center !important;    
}
#paragraph-type--three_field_cards .headerabovebox {
    padding: 0px !important;
}

#paragraph-type--text_and_image_side_by_side .layout-Right .container {
    flex-direction: column !important;
}

#paragraph-type--text_and_image_side_by_side .ImageSectionFlexible.col-md-6 {
    margin-bottom: 50px;
}
 #paragraph-type--text_and_image_side_by_side .side-image img{
    width: 100% !important;
 }
.front-img {
    transform: translate(40%, -50%) !important;
}

#paragraph-type--icon_cards .inner-box {
    width: 100% !important;
}

#paragraph-type--icon_cards .full-landscape-img .field.field--name-field-icon-card-box .field__item {
    margin-bottom: 50px;
}
#paragraph-type--text_and_cards_side_by_side .container {
    flex-direction: column-reverse;
}
#paragraph-type--text_and_cards_side_by_side .Two-Columns .field--name-field-icon-cards .field__items {
    grid-template-columns: auto;
}
#paragraph-type--webform_reference .inner-wrap {
    display: flex;
    flex-direction: column;
}
#paragraph-type--webform_reference .wform_header_wrap {
    padding: 30px !important;
    width: 100% !important;
}
#paragraph-type--webform_reference .wform_header-content, #paragraph-type--webform_reference .wform_bottom_img img {
    width: 100%;
}
#edit-flexbox {
    display: flex;
    gap: 10%;
    margin-bottom: 0px;
}
.wform_bottom_img img {
    height: 200px !important;
    object-fit: cover;
}
/* Footer CSS --*/
.footer-secondary-wrap {
    flex-direction: column;
    width: 72%;
}
footer.site-footer .row {
    margin: 0px;
}
#block-footermenu>ul {
    width: 72%;
    margin: auto;
}
#block-footermenu ul li {
    width: 100%;
    margin-bottom: 20px;
}
#block-footermenu ul li ul li {
    padding-left: 0px !important;
    margin-bottom: 0px !important;
}
#block-footermenu li.nav-item a {
    padding: .5rem 0rem .5rem 1rem;
}
.copywrite {
    width: 100%;
}
.f_social_icons {
    margin: 50px 0px;
}



}
@media only screen and (min-width: 768px) and (max-width: 1024px) {  
li.nav-item.menu-item--expanded {
    margin: 0px;
}
.navbar-nav li {
    padding: 5px 15px;
}
/* Homepage -- */
.tpc-home-hero-wrap .main-content, .main-two-card {
    width: 100%;
}
.tpc-home-hero-wrap.white {
    flex-direction: column;
}
.main-two-card {
    margin-top: 50px;
}
.main-two-card .flex {
    position: relative !important;
}
.contact-center-wrap, .language-solution-wrap {
    height: 50vh;
} 
#paragraph-type--stats_cards .field.field--name-field-stats- .field__items,
 .statscards-box .field__items {
    grid-template-columns: auto auto !important;
    margin-bottom: 50px;
}
#paragraph-type--icon_horizontal_list .company-icons .field--name-field-icon-box {
    grid-template-columns: auto auto auto auto auto auto !important;
} 
#paragraph-type--text_and_cards_side_by_side .container {
    flex-direction: column-reverse;
}
.TextSectionLeftRightPositionwithCards .col-md-6{
    max-width: 100% !important;
}
.TextContainerLeftRight.col-md-6 {
    margin-bottom: 50px;
}
#paragraph-type--text_and_image_side_by_side .container {
    width: 100%;
}
.side-image.no-img-size img {
    width: 80% !important;
}
.front-img {
    transform: translate(5%, -50%);
}
.side-carousel {
    width: 100%;
    height: 475px;
}
.carousel-content-sidebyside {
    flex-direction: column;
}
.caruoselaside-content {
    width: 100%;
    padding: 25px;
    position: relative;
    right: 0px;
    top: 0px;
}
.side-carousel-headline {
    padding: 0px 25px;
}
.owl-item.side_medium.side_mdleft, .owl-item.active.center.side_big,
.owl-item.side_medium.mdright {
    transform: scale(0.95) translatex(-2%) !important;
}
#owl-clients-517 .owl-nav {
    width: 25% !important;
    bottom: 32%;
}
.wform_header-content {
    width: 50%;
}
.wform_header_wrap {
    padding: 75px 60px;
}

button.navbar-toggler.navbar-toggler-right {
    right: 20px;
    position: relative;
}  
#paragraph-type--list_left_hover_content_right .inner-infohover.active .description-right {
    min-height: auto !important;
}
#paragraph-type--icon_cards .columns- .field.field--name-field-icon-card-box ,
#paragraph-type--icon_cards .columns-3 .field.field--name-field-icon-card-box ,
#paragraph-type--icon_cards .columns-4 .field.field--name-field-icon-card-box ,
#paragraph-type--icon_cards .columns-5 .field.field--name-field-icon-card-box ,
#paragraph-type--icon_cards .columns-6 .field.field--name-field-icon-card-box {
    grid-template-columns: auto auto;
}
#paragraph-type--icon_cards .field--name-field-icon-card-box .inner-box{
    max-width: 100% !important;
    width: 100% !important;
}

#paragraph-type--icon_horizontal_list .columns- .field--name-field-icon-box ,
#paragraph-type--icon_horizontal_list .columns-3 .field--name-field-icon-box ,
#paragraph-type--icon_horizontal_list .columns-4 .field--name-field-icon-box ,
#paragraph-type--icon_horizontal_list .columns-5 .field--name-field-icon-box ,
#paragraph-type--icon_horizontal_list .columns-6 .field--name-field-icon-box {
    grid-template-columns: auto auto;
}

#paragraph-type--icon_text_with_bg_img .columns- .field.field--name-field-icon-text-box ,
#paragraph-type--icon_text_with_bg_img .columns-3 .field.field--name-field-icon-text-box ,
#paragraph-type--icon_text_with_bg_img .columns-4 .field.field--name-field-icon-text-box ,
#paragraph-type--icon_text_with_bg_img .columns-5 .field.field--name-field-icon-text-box ,
#paragraph-type--icon_text_with_bg_img .columns-6 .field.field--name-field-icon-text-box {
    grid-template-columns: auto auto;
}
#paragraph-type--icon_text_with_bg_img .field--name-field-icon-text-box {
    justify-content: space-evenly;
}

#paragraph-type--three_field_cards .infobox-section.columns- .field--name-field-three-fields-info-box ,
#paragraph-type--three_field_cards .infobox-section.columns-3 .field--name-field-three-fields-info-box ,
#paragraph-type--three_field_cards .infobox-section.columns-4 .field--name-field-three-fields-info-box ,
#paragraph-type--three_field_cards .infobox-section.columns-5 .field--name-field-three-fields-info-box ,
#paragraph-type--three_field_cards .infobox-section.columns-6 .field--name-field-three-fields-info-box {
    grid-template-columns: auto auto;
}
#paragraph-type--three_field_cards .infobox-section .inner-infobox {
    max-width: 100% !important;
    width: 100% !important;
}
#paragraph-type--text_and_image_side_by_side .layout-Right .container {
    flex-direction: column-reverse !important;
}

#paragraph-type--text_and_image_side_by_side .TextContainerLeftRight.col-md-6 {
    width: 100% !important;
    padding: 0px !important;
    max-width: 100% !important;
}
.central-quote .inner-opne-html:before {
    right: 80px !important;
}
.menu--footer-menu ul.clearfix.nav {
    display: grid !important;
    grid-template-columns: auto auto;
    gap: 0% 22%;
    justify-content: space-around;
}

}
@media only screen and (min-width: 1025px) and (max-width: 1280px) {  
.navbar-nav li {
    padding: 5px 10px;
}
.statscards-box .field__items {
    grid-template-columns: auto auto !important;
    margin-bottom: 50px;
}
}

@media only screen and (min-width: 250px) and (max-width: 1024px) {
.hero-content-wrap {
    padding-left: 5% !important;
}
h1 {
    font-size: 42px !important;
}
ul.dropdown-menu {
    opacity: 1 !important;
    visibility: visible !important;
}
.show-menu {
    display: block !important;
}
/* nav alter -- */
ul.clearfix.nav.navbar-nav {
    background: #FFFFFF;
    padding-top: 15px;
}
nav.menu--main {
    margin: 0px !important;
}
.navbar-nav li {
    padding: 5px !important;
}
.navbar-nav .nav-link {
    width: 90% !important;
}
.dropdown-toggle:after {
    display: none;
}
li.nav-item.menu-item--expanded.dropdown:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
    position: absolute;
    right: 15px;
    top: 20px;
}
span.navbar-toggler--line {
    display: block;
    width: 20px;
    height: 2px;
    background-color: #071d49;
    border-radius: 10px;
}
#navbar-main .navbar-toggler .navbar-toggler--line:nth-of-type(2){
    width: 13px;
    margin: 4px 0;
}
#navbar-main .navbar-toggler:not(.collapsed) .navbar-toggler--line:nth-of-type(1) {
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)
}
#navbar-main .navbar-toggler:not(.collapsed) .navbar-toggler--line:nth-of-type(2) {
    display: none
}
#navbar-main .navbar-toggler:not(.collapsed) .navbar-toggler--line:nth-of-type(3) {
    -webkit-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg)
}
#navbar-main .navbar-toggler:not(.collapsed) .navbar-toggler--line:nth-of-type(1) {
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)
}
#navbar-main .navbar-toggler {
    position: relative;
}
#navbar-main .navbar-toggler:not(.collapsed) .navbar-toggler--line:nth-of-type(n) {
    position: absolute;
    top: 50%;
    right: 10px;
}
/* ---- nav*/

button:focus {
    outline: none !important;
}
.scroll-left-right .content_opentext {
    padding: 50px 0px;
}
#paragraph-type--three_field_cards .infobox-section .field--name-field-three-fields-info-box {
    grid-template-columns: auto !important;
}
#paragraph-type--icon_cards .field.field--name-field-icon-card-box  {
    grid-template-columns: auto !important;
    justify-content: center !important;    
    gap: 50px;
}
.company-icons .innerIcon-container {
    margin: 15px;
}
.paragraph-state-cards-wrap, .statscard {
    height: auto !important;
}
.Left .TextContainerLeftRight.col-md-6 .side-content, .TextContainerLeftRight.col-md-6 .side-content {
    float: none !important;
    width: 100%;
    text-align: center;
}
.TextSectionLeftRightPositionwithCards.Small-Cards.py-huge, .TextSectionLeftRightPositionwithCards.Large-Cards.py-huge {
    padding: 0px !important;
}
.stats-text, .stats-text span {
    font-size: 3.25rem;
    font-weight: 700;
}
.owl-side-carousel .owl-item.active {
    width: 350px !important;
}
#paragraph-type--carousel_and_content_side_by_sid {
    height: 100%;
}
.owl-carousel-container .owl-item.active.medium.mdleft, .owl-side-carousel{
    right: 0px;
}
.grid-carousal-section .title {
    font-size: 14px;
    margin:0px;
}
.grid-carousal-section .content-section-wrap {
    width: 100%;
    padding: 15px;
}
.short-text p, .linktopage a {
    font-size: 12px;
}
.grid-carousal-section .icon img {
    height: 110px;
}
#paragraph-type--webform_reference .wform_body form {
    width: 100% !important;
    position: relative !important;
    transform: none !important;
}
.wform_header_wrap, .wform_bottom_img img {
    width: 100%;
}
}
@media only screen and (min-width: 250px) and (max-width: 991px) {

#paragraph-type--text_and_cards_side_by_side .container, #paragraph-type--text_and_cards_side_by_side .Left .container {
    flex-direction: column-reverse !important;
}
 #paragraph-type--text_and_cards_side_by_side .Left .container {
    margin-top: 70px;
}
.TextSectionLeftRightPositionwithCards {
    height: auto !important;
    margin-top: 50px !important;!    
}
.TextSectionLeftRightPositionwithCards .col-md-6 {
    max-width: 100% !important;
}
#paragraph-type--text_and_cards_side_by_side .One-Column .icon_cards_innercontainer .field__item:nth-child(2),
#paragraph-type--text_and_cards_side_by_side .One-Column .icon_cards_innercontainer .field__item:nth-child(3) {
    position: relative;
    top: 0px;
    width: 100% !important;    
}
.s_carousal_desc p, .s_carousal_link a {
    font-size: 1rem;
}
.stats-desc p {
    font-size: 1rem;
}
}

/* For mid and large screens -- */
@media (min-width: 1025px) {
.TextSectionLeftRightPositionwithCards .TextContainerLeftRight.col-md-6 {
    height: 185px;
    position: sticky !important;
    top: 150px;
}
.owl-side-carousel .owl-item:last-child {
  display: none;
}
   
}
/* ---------- Responsive CSS ---Ends ------ */