/*
Theme Name: GSF
Theme URI://GSF
Author:GSF
Author URI:
Description:This theme Has been made for GSF website.
version:1.0
tags:one, two
textdomain:

*/

* {
    font-family: 'Open Sans', sans-serif;
    scroll-behavior: smooth;
}

body {
    overflow-x: hidden;
    background-color: #000000;
}



p, span, a, div {
    color: #ffffffa1;
}

h1, h2, h3, h4, h5, h6 {
    color: #fffffff7;
}

.pd-padd {
    padding: 5% 0;
}

.pd-pad-top {
    padding-top: 4%;
}

.pd-padd-bot {
    padding-bottom: 10%;
}

p {
    letter-spacing: 0.4px;
    font-size: 14px;
    line-height: 26px;
}

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

.main-sec-heading {
    font-family: 'Archivo Black', sans-serif;
    text-transform: uppercase;
    font-size: 46px;
}

.main-sec-heading span {
    font-family: 'Archivo Black', sans-serif;
    -webkit-text-stroke: 1px #ffffffc2;
    color: transparent;
}

.abt-sec-home h2 {
    width: 57%;
}

.abt-sec-home .img-card {
    text-align: right;
}

.abt-sec-home .img-card img {
    margin-top: 0px;
    width: 65%;
    height: 600px;
    object-fit: cover;
}

.pd-btn-curved {
    display: inline-block;
    margin-top: 20px;
    background: #ffffffe0;
    color: black;
    font-size: 11px;
    width: 120px;
    text-align: center;
    padding: 7px;
    border-radius: 35px;
    margin-bottom: 10px;
    transition: 0.5s;
    border: 2px solid #ffffffe0;
    text-transform: uppercase;
}

.pd-btn-curved:hover {
    transition: 0.5s;
    background: black;
    color: white;
    text-decoration: none;
    border: 2px solid #ffffff94;
}

.prod-title {
    font-family: 'Archivo Black', sans-serif;
    text-align: center;
    font-size: 35px;
    text-transform: uppercase;
}

.prod-title span {
    display: block;
    text-transform: capitalize;
}

.pd-pointer {
    color: black;
    transform: rotate( 270deg);
    font-size: 28px;
    width: 50px;
    height: 50px;
    background: white;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    margin-top: -30px;
    margin-bottom: 15px;
    transition: 0.5s;
    border: 2px solid white;
}

.pd-pointer:hover {
    text-decoration: none;
    color: white;
    background: black;
    border: 2px solid white;
    transition: 0.5s;
}

.img-card-sus-f {
    text-align: left;
    padding-left: 4%;
}

.img-card-sus-f img {
    height: 500px;
    object-fit: cover;
}

.sus-wol-img {
    padding-right: 4%;
}

.div50 {
    width: 55%;
    text-align: right;
}

.pd-career-sec .carr-img {
    margin-top: -74px;
}

/* width */

::-webkit-scrollbar {
    width: 5px;
}

/* Track */

::-webkit-scrollbar-track {
    background: #000000;
}

/* Handle */

::-webkit-scrollbar-thumb {
    background: rgb(73, 73, 73);
}

/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
    background: #555;
}

#newsSlider h5 {
    font-size: 14px;
    margin-top: 10px;
    line-height: 22px;
    margin-bottom: 0;
}

#newsSlider p {
    font-size: 10px;
    color: #ffffffc7;
    margin: 0;
}

#newsSlider img {
    height: 165px;
    object-fit: cover;
    transition: 0.5s;
}

/* voyage page */

.abt-img-voyg {
    width: 100%;
    height: 500px;
    object-fit: cover;
    margin-top: 0%;
    filter: brightness(0.7);
}

.abt-sec-voyg .main-sec-heading {
    margin-left: 0%;
}

.mt-50 {
    margin-top: 50px;
}

.abt-img-voyg2 {
    width: 100%;
    height: 475px;
    object-fit: cover;
}

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

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

.o-v-card {
    margin-bottom: 15px;
}

.o-v-card img {
    height: 85px;
    width: 85px;
    object-fit: contain;
    background: white;
    padding: 12px;
    border-radius: 100%;
    margin-bottom: 20px;
    transition: 0.5s;
}

.o-v-card h4 {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

/* contact us page */

.contact-card {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 150px;
    border: 2px solid #ffffff2e;
    border-radius: 15px;
    transition: 0.5s;
    margin-bottom: 15px;
}

.contact-card i {
    color: black;
    position: absolute;
    top: -30px;
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: white;
    left: 50%;
    margin-left: -30px;
    border-radius: 100%;
    font-size: 16px;
    border: 7px solid black;
}

.contact-card a {
    color: #ffffffa1;
    font-size: 16px;
}

.contact-card a:hover {
    text-decoration: none;
    color: #ffffffa1;
}

.contact-card p {
    margin-bottom: 0;
    font-size: 16px;
}

.contact-card h4 {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
}

.cont-form-sec input {
    color: #ffffffe8;
    width: 100%;
    background: transparent;
    border: none;
    padding: 5px 2px;
    border-bottom: 1px solid #ffffffb3;
    padding-top: 0;
}

.cont-form-sec input[type="submit"] {
    width: 150px;
    text-align: center;
    margin-top: 50px;
    background: white;
    color: black;
    text-transform: uppercase;
    font-size: 12px;
    padding: 7px 7px 6px 7px;
    border-radius: 29px;
    transition: 0.5s;
    border: 2px solid white;
}

.cont-form-sec input[type="submit"]:hover {
    transition: 0.5s;
    background: transparent;
    color: white;
    border: 2px solid white;
}

.cont-form-sec textarea {
    color: #ffffffe8;
    width: 100%;
    background: transparent;
    border: none;
    padding: 5px 2px;
    border-bottom: 1px solid #ffffffb3 !important;
    padding-top: 0;
    height: 100px;
}

.cont-form-sec label {
    display: inline-block;
    margin-bottom: .5rem;
    margin-top: 25px;
}

.cont-form-sec textarea:focus, .cont-form-sec input:focus {
    border: none;
    border-bottom: 1px solid #ffffffb3 !important;
    outline: none !important;
    box-shadow: none !important;
}

#wpcf7-f17-o1 {
    padding: 0;
}

.cont-form-sec {
    padding-top: 2%;
}

/* news page */

.news-card {
    margin-bottom: 0px;
    display: inline-block;
    margin-top: 20px;
}

.news-card h4 {
    font-size: 15px;
    margin-top: 22px;
    line-height: 22px;
}

a:hover {
    text-decoration: none;
}

.news-card img {
    height: 290px;
    object-fit: cover;
}

.news-card .pd-btn-curved {
    margin-top: 14px;
    padding: 5px;
    font-size: 10px;
    width: 100px;
}

.content-news {
    margin: 30px 0;
}

.n-author i, .n-date i {
    margin-right: 10px;
}

.n-author, .n-date {
    margin-bottom: 10px;
    display: inline-block;
    margin-right: 25px;
}

.news-card .n-author, .news-card .n-date {
    font-size: 12px;
}

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

.pd-inner-banner-section {
    height: 80vh;
    background-position: center;
    background-size: cover;
    position: relative;
}

.pd-inner-banner-section .pd-inner-gradiant {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 20vh;
    background: linear-gradient(to top, black, transparent);
    z-index: 9;
}

.pd-inner-banner-section .container {
    height: 100%;
}

.pd-inner-banner-section .container .row {
    height: 100%;
    justify-content: center;
    align-items: center;
}

/* products page */

.products-sec .nav-tabs {
    border-bottom: none;
    justify-content: center;
    margin: 20px 0;
    margin-bottom: 50px;
}

.products-sec .nav-link {
    background: transparent;
    color: white;
    margin: 0 15px;
    width: 150px;
    border-radius: 30px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.5px;
    border: 2px solid #004063;
    transition: 0.5s;
}

.products-sec .nav-link.active {
    border: 2px solid white;
    transition: 0.5s;
    background: transparent;
    color: white;
}

.content-box-o-w {
    background: white;
    padding: 10px;
    min-height: 165px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.content-box-o-w h5 {
    color: black;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 15px;
    margin-bottom: 3px;
    line-height: 24px;
}

.content-box-o-w .pd-btn-curved {
    margin-top: 0;
    border: 1px solid #000000a6;
    padding: 5px;
    font-size: 9px;
    width: 100px;
    margin-bottom: 0;
}

.content-box-o-w p {
    color: #4c4c4c;
}

.prod-card-img-wrapper img {
    height: 250px;
    object-fit: cover;
    border-bottom: 6px solid black;
    transition: 0.5s;
}

.prod-card-img-wrapper img:hover {
    transition: 0.5s;
    filter: brightness(0.7);
}

.prod-card-img-wrapper {
    margin-bottom: 30px;
}

.pd-prod-search {
    position: relative;
}

.pd-prod-search input {
    border: none;
    padding: 6px 25px;
    width: 35%;
    margin-bottom: 50px;
    border-radius: 50px;
    outline: none !important;
}

/* menu */

.justify-content-flex-end {
    justify-content: flex-end;
}

.desk .custom-logo-link img {
    width: 120px;
    height: 120px;
    object-fit: contain;
    margin-top: -35px;
}

.headerDesktop {
    padding-top: 60px;
    position: absolute;
    z-index: 999;
    width: 100%;
}

.pad-le-0 {
    padding-left: 0;
}

.pad-r-0 {
    padding-right: 0;
}

.pad-0 {
    padding: 0;
}

.pad-r-0 .navbar-dark {
    padding-right: 0;
    /*margin-right: -50px;*/
}

.pad-le-0 .navbar-dark {
    padding-left: 0;
    /*margin-left: -50px;*/
}

.headerDesktop .nav-link {
    color: white !important;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.9px;
    margin: 0 10px;
    font-size: 13px;
    transition: 0.5s;
}

.headerDesktop .nav-link:hover {
    transition: 0.5s;
    transform: scale(1.1);
}

.headerDesktop .current-menu-item .nav-link {
    transition: 0.5s;
    transform: scale(1.1);
}

@media(max-width:1400px) {
    .headerDesktop .nav-link {
        margin: 0 5px;
    }
    .pad-r-0 .navbar-dark {
        padding-right: 0;
        margin-right: -30px;
    }
    .pad-le-0 .navbar-dark {
        padding-left: 0;
        margin-left: -30px;
    }
}

/* careers */

.accordion .card {
    background: transparent;
}

.accordion .card-header {
    background: transparent;
    padding-left: 0px;
    padding-right: 0;
}

.accordion button {
    color: #ffffffe8;
    font-weight: 600;
    letter-spacing: 0.5px;
    font-size: 18px;
    transition: 0.5s;
    text-decoration: none !important;
    border: 1px solid #ffffff47;
    padding: 15px;
    border-radius: 0;
}

.accordion button:hover {
    transition: 0.5s;
    color: white;
    text-decoration: none !important;
    background: #2b2b2b;
    transform: translateY(-2px);
}

.accordion .card-body {
    background: #fbfbfb1c;
}

.accordion .pd-btn-curved {
    color: black !important;
}

.accordion .pd-btn-curved:hover {
    color: #ffffffe8 !important;
}

/* banenr gradiants */

.bototm-banner-gradiant {
    width: 100%;
    height: 27vh;
    background: linear-gradient(to top, black, transparent);
    position: absolute;
    bottom: 0;
}

.top-banner-gradiant {
    width: 100%;
    height: 27vh;
    background: linear-gradient(to bottom, #00a1fa, transparent);
    position: absolute;
    top: 0;
}

.pd-banner-section {
    overflow: hidden;
    height: 100vh;
}

.pd-banner-section video {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pd-banner-section .container {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.pd-banner-section .main-sec-heading {
    font-size: 60px;
    line-height: 80px;
}

/* footer */

.main-footer {
	height: auto;
    position: relative;
    margin-top: 0;
    overflow: hidden;
    padding-top: 120px;
}

.main-footer video {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.top-footer-gradiant {
    width: 100%;
    height: 65%;
    background: linear-gradient(to bottom, #000000, transparent);
    position: absolute;
    top: -3px;
}

.main-footer .container {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

#buttonBtt {
    position: fixed;
    right: 0;
    bottom: 5%;
    z-index: 9;
    background: #ffffff69;
}

.careers-sec, .cont-form-sec {
    position: relative;
    z-index: 1;
}

.pos-rel {
    position: relative;
}

.pd-pointer-carr {
    position: absolute;
    width: 180px;
    height: 180px;
    color: black;
    background: white;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    margin-left: -90px;
    left: 50%;
    margin-top: -90px;
    top: 42%;
    transition: 0.5s;
    animation: crrBlinkBtn 2s linear infinite;
}

@keyframes crrBlinkBtn {
    
    50%{
        /*transform:scale(0.97);*/
           box-shadow: 0px 0px 54px -4px white;
            background: #ffffffe8;
    }
}

.pd-pointer-carr:hover {
    /*transform: scale(1.05);*/
    transition: 0.5s;
    background: #ffffffdb;
}

.pd-pointer-carr div {
    color: black;
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
}

.pd-pointer-carr i {
    display: block;
    transform: rotate( 270deg);
    font-size: 65px;
    margin-bottom: 7px;
}

#buttonBtt img {
    width: 30px;
    cursor: pointer;
}

#buttonBtt {
    opacity: 0;
    transition: 0.5s;
}

#buttonBtt.show {
    opacity: 1 !important;
    transition: 0.5s;
}

.owl-next {
    color: transparent !important;
    width: 80px;
    background-image: url('assets/img/black-arrow.png') !important;
    background-size: contain !important;
    background-position: center !important;
    filter: invert(1);
    background-color: transparent !important;
}

.owl-prev {
    color: transparent !important;
    width: 80px;
    background-image: url('assets/img/black-arrow-left.png') !important;
    background-size: contain !important;
    background-position: center !important;
    filter: invert(1);
    background-color: transparent !important;
}

.owl-next span, .owl-prev span {
    color: transparent;
}

.owl-nav {
    position: absolute;
    width: 120%;
    display: flex;
    justify-content: space-between;
    left: -10%;
    top: 33%;
}

.owl-carousel {
    position: relative;
}

/* footer social */

.pd-social-footer a {
    margin: 0 10px;
    font-size: 18px;
    background: #ffffff7d;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    color: #0f3858;
}

.pd-social-footer {
    display: flex;
    justify-content: center;
    margin: 20px 0 30px;
}

.main-footer .custom-logo-link img {
    width: 150px;
    height: 150px;
    object-fit: contain;
}

.footer-contact-inf a {
    display: block;
    margin-bottom: 0;
    color: #0f3858;
    letter-spacing: 0.5px;
    margin-left: 10px;
    margin-right: 10px;
    transition: 0.5s;
    background: #f8dbe1;
    padding: 10px 35px;
    border-radius: 24px;
    font-size: 13px;
}

.footer-contact-inf p {
    display: block;
    margin-bottom: 0;
    color: #0f3858;
    margin-left: 10px;
    margin-right: 10px;
    transition: 0.5s;
    background: #f8dbe1;
    padding: 7px 35px;
    border-radius: 24px;
    font-size: 13px;
}

.footer-contact-inf p i {
    margin-right: 3px;
}

.footer-contact-inf {
    display: flex;
    justify-content: center;
    margin-bottom: 25px;
    align-items: center;
}

.main-footer a {
    transition: 0.5s;
}

.main-footer a:hover {
    transition: 0.5s;
    transform: translateY(-2px);
}

.pd-prod-search input[type="submit"] {
    margin-left: 10px;
    letter-spacing: 0.5px;
    display: inline-block;
    background: #ffffffe0;
    color: black;
    font-size: 13px;
    width: auto;
    text-align: center;
    padding: 6px 36px;
    border-radius: 35px;
    margin-bottom: 10px;
    transition: 0.5s;
    border: 2px solid #ffffffe0;
    text-transform: uppercase;
    line-height: 20px;

}

.pd-prod-search input[type="submit"]:hover {
    transition: 0.5s;
    background: black;
    color: white;
    text-decoration: none;
    border: 2px solid #ffffff94;
}

.pd-search-page-items li {
    list-style: none;
    padding: 15px;
    background: #353535;
    margin: 10px 0;
    transition: 0.5s;
}

.pd-search-page-items li:hover {
    transition: 0.5s;
    transform: translateY(-3px);
}

.pd-search-page-items li a:hover {
    color: #ffffffa1;
}


.foot-logo{
    width:140px;
}

.lined-cfp{
	position:relative;
	margin-bottom: 90px;
}

.lined-cfp::after{
    content: "";
    width: 3px;
    position: absolute;
    top: 100%;
    height: 75px;
    background: #727272;
    left: 50%;
    margin-left: -1.5px;
}

@media (min-width:1600px){
	.pd-inner-banner-section {
		height: 50vh;
	}
}

.pd-award-card {
    margin-bottom: 40px;
}

.pd-award-card  h4{
	font-size: 20px;
    margin-bottom: 8px;
}

.pd-award-card h3{
	    font-family: 'Archivo Black', sans-serif;
    font-size: 25px;
    letter-spacing: 1px;
}

.pd-award-card div p{
	font-weight:300;
}

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

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

.banner-play-video{
	position: absolute;
    right: 45px;
    z-index: 99;
    bottom: 55px;
    border: 1px solid #ffffff70;
    padding: 8px 40px;
    font-size: 14px;
	color:white !important;
}

.page-template-careers-php .modal-backdrop{
	z-index:-1
}
#headerDesk .logo-wrap{
    width: 50%;
    display: inline-block;
}

.desk-hide{
    display:none;
}


.sticky{
    transition:0.5s;
}

.sticky {
    position: fixed;
    background: black;
}

#headerDesk{
   transition:0.5s; 
}

.sticky .desk .custom-logo-link img {
    width: 100px;
    height: 100px;
    
}

.sticky.headerDesktop{
    padding-top: 30px;
    padding-bottom: 7px;
}

@media (min-height:900px) and (min-width:1900px){
	.pd-inner-banner-section {
    	height: 80vh;
	}
}

.header-search-btn{
    position: absolute;
    right: 20px;
    top: 74px;
    z-index: 999;
    color: white !important;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.9px;
    font-size: 12px;
    margin-top:-4px;
}

#searchMain .searchform div{
    display:flex;
}

#searchMain .searchform input[type='text']{   
    width: 100%;
    border: none;
    background: white;
    padding: 5px 10px;
    outline:none;
    
}

#searchMain .searchform input[type='submit']{
    border: none;
    margin-left: 5px;
    padding: 7px 10px;
    color: white;
    background: #0f3858;
}

@media (min-width:922px) and (max-width:1600px){
    .headerDesktop .nav-link{
        margin: 0 6px;
        font-size: 12px;
    }
}

#searchMain .modal-dialog {
    width: 100%;
    min-width: 100%;
    height: 100vh;
    margin: 0;
    background: #2f2f2feb;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20%;
}

#searchMain .modal-content{
    border:none;
}

.modal-header{
    border-bottom:none;
}

.modal-content {
    background: #2f2f2f00 !important;
}

.modal-header .close{
    padding-bottom:0;
}

.img-footer-logoes img{
    width: 220px;
    margin-top: 5px;
    margin-bottom: 35px;
    background: #ffffff52;
    padding: 16px;
    border-radius: 8px;
}

.gt-img-icon-set{
    width: 12%;
    margin-top: 40px;
    transition:0.5s;
}

.gt-img-icon-set:hover{
    transition:0.5s;
    transform: scale(1.2);
}

.header-search-btn img{
    width:34px;
}


/* model */

.modal-dialog {
    width: 100%;
    min-width: 80%;
}

.modal-content {
    background: #2f2f2f;
}

.careers-sec-model input {
    color: #ffffffe8;
    width: 100%;
    background: transparent;
    border: none;
    padding: 5px 2px;
    border-bottom: 1px solid #ffffffb3;
    padding-top: 0;
}

.careers-sec-model input[type="submit"] {
    width: 150px;
    text-align: center;
    margin-top: 50px;
    background: white;
    color: black;
    text-transform: uppercase;
    font-size: 12px;
    padding: 7px 7px 6px 7px;
    border-radius: 29px;
    transition: 0.5s;
    border: 2px solid white;
}

.careers-sec-model input[type="submit"]:hover {
    transition: 0.5s;
    background: transparent;
    color: white;
    border: 2px solid white;
}

.careers-sec-model textarea {
    color: #ffffffe8;
    width: 100%;
    background: transparent;
    border: none;
    padding: 5px 2px;
    border-bottom: 1px solid #ffffffb3 !important;
    padding-top: 0;
    height: 100px;
}

.careers-sec-model label {
    display: inline-block;
    margin-bottom: .5rem;
    margin-top: 25px;
}

.careers-sec-model textarea:focus, .careers-sec-model input:focus {
    border: none;
    border-bottom: 1px solid #ffffffb3 !important;
    outline: none !important;
    box-shadow: none !important;
}

.careers-sec-model form {
    padding: 20px;
}

.careers-sec-model .close {
    border: none;
    font-size: 25px;
}

.careers-sec-model .modal-dialog .main-sec-heading {
    font-size: 35px;
    padding: 0 20px;
}

.no-vac-msg {
    padding: 20px;
    background: #212121;
    text-align: center;
    margin: 30px 0;
    font-size: 22px;
    color: #ffffffde;
}

.pd-inq-form-sec{
    margin-top:25px;
}

.pd-inq-form-sec input,
.pd-inq-form-sec textarea{
        width: 100%;
    background: transparent;
    border: none;
    border-bottom: 1px solid #ffffff85;
    margin-bottom: 5px;
    outline: none !important;
    color: #ffffffcf;
}


.pd-inq-form-sec h4{
     font-family: 'Archivo Black', sans-serif;
    -webkit-text-stroke: 1px #ffffffc2;
    color: transparent;
    font-size: 35px;
    margin: 50px 0 40px;
}


.pd-inq-form-sec input[type="submit"]{
    display: inline-block;
    margin-top: 20px;
    background: #ffffffe0;
    color: black;
    font-size: 11px;
    width: 120px;
    text-align: center;
    padding: 7px;
    border-radius: 35px;
    margin-bottom: 10px;
    transition: 0.5s;
    border: 2px solid #ffffffe0;
    text-transform: uppercase;
}

.pd-inq-form-sec label{
    margin-top:20px;
}

.country-list .country-name{
        color: #000000;
}

.country-select input{
   color: #ffffffcf;
}

 .pd-inq-form-sec textarea{
    max-height: 150px;
 }
 
 .careers-model-app-now{
     background: black;
 }

.pd-hiddn-links{
    position: absolute;
    right: 40px;
    z-index: 99;
    bottom: 96px;
    padding: 0;
    font-size: 14px;
    color: white !important;
    display:none;
}


.pd-hiddn-links a{
     margin-left:5px;
     padding:5px;
     transition:0.5s;
     display:inline-block;
}

.pd-hiddn-links a:hover{
    color: #f7fafd;
    transition:0.5s;
    transform:scale(1.05);
}

.banner-play-video{
   cursor:pointer;
    position: absolute;
    right: 45px;
    z-index: 99;
    bottom: 55px;
    border: none;
    font-size: 18px;
    color: #ffffffa8 !important;
    font-weight: 100;
    text-transform: capitalize;
    padding: 0;
    
    display: flex;
    justify-content: center;
    align-items: center;
}

.pd-show{
    display:block;
}

.banner-play-video i{
    font-size: 26px;
    font-weight: 100;
    margin-right: 8px;
}

#searchMain{
    padding-right:0 !important;
}

.gt-logo{
    width: 80%;
    margin: 0 auto 28px;
    display: block;
}

.pd-mockup-div{
    height: 40%;
    overflow: auto;
    width: 45%;
    text-align: center;
    display: inline-block;
    border-radius: 27px;
    margin-top: 17px;
    border: 1px solid black;
    cursor:pointer;
}

.pd-iphone-mockup{
    position: absolute;
    left: 25%;
    width: 50%;
    z-index: -1;
}

.pd-mockup-div::-webkit-scrollbar {
    width: 0;  /* Remove scrollbar space */
    background: transparent;  /* Optional: just make scrollbar invisible */
}
/* Optional: show position indicator in red */
.pd-mockup-div::-webkit-scrollbar-thumb {
    background: #FF0000;
}

.ip-t-c{
    position: absolute;
    left: 39%;
    margin-top: 3px;
    width: 24%;
}

.pd-mockup-div img{
    padding-top: 14px;
    background: white;
}

.ep-sec-home .prod-cat-img-hm {
    height: 300px;
    object-fit: contain;
    object-position: bottom;
}

.sc-here-link{
    position: absolute;
    width: 100%;
    margin-top: 29px;
    margin-left: -13px;
}

*::-webkit-media-controls-panel {
  display: none!important;
  -webkit-appearance: none;
}

/* Old shadow dom for play button */

*::-webkit-media-controls-play-button {
  display: none!important;
  -webkit-appearance: none;
}

/* New shadow dom for play button */

/* This one works! */

*::-webkit-media-controls-start-playback-button {
  display: none!important;
  -webkit-appearance: none;
}

/* ========== 992px responsive ========= */

@media (min-width:992px) and (max-width:1217px){
    .headerDesktop .nav-link {
        margin: 0 1px;
        font-size: 10px;
    }
}

@media (max-width:1325px){
    .header-search-btn{
        display:none;
    }
}

@media (max-width:992px){
    
    .gt-img-icon-set{
        width:20%;
    }
    
    .ip-t-c {
         position: absolute;
        left: 39%;
        margin-top: 3px;
        width: 24%;
    }
    
    .pd-mockup-div{
       margin-left: 4px;
        height: 40%;
        overflow: auto;
        width: 56.5%;
        text-align: center;
        display: inline-block;
        border-radius: 19px;
        margin-top: 16px;
        border: 1px solid black;
    }
    
    .pd-iphone-mockup{
        left:20%;
        width:61%;
    }
    
    .careers-model-app-now .modal-body{
        min-height:120vh;
    }
    
    .careers-sec-model form {
        padding: 0;
    }
    
     .careers-model-app-now .main-sec-heading span{
        font-size: 30px;
    }
    
    .pd-inq-form-sec h4 {
        font-size: 29px;
        margin: 30px 0 28px;
    }

    .header-search-btn{
        display:none;
    }
    .desk-hide{
        display: block;
        width: 100%;
        position: fixed;
        z-index: 9999899999;
    }
    
    #headerDesk{
        display:none;
    }
    
   .desk-hide .mob-logo{
        position: absolute;
        width: 25%;
        z-index: 999;
    }
    
    .desk-hide .pd-mob-nav-bar {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
        justify-content: flex-end;
        background: #303030;
    }
    
    .desk-hide .navbar {
        justify-content: flex-end;
        padding-right:0;
    }
    
    .custom-logo-link img{
        width: 50px;
        height: 50px;
    }
    .navbar-dark .navbar-nav .nav-link{
        text-align:center;
    }
    
    #navbarNavDropdown{
        height: 100vh;  
    }
    
    .pd-banner-section .main-sec-heading {
        font-size: 36px;
        line-height: 48px;
    }
    .navbar-nav{
        margin-top:20px;
    }
    .abt-sec-home h2 {
        width: 100%;
    }
    .main-sec-heading {
        font-size: 26px;
    }
    
    .abt-sec-home .img-card img {
        width: 100%;
        height: auto;
        object-fit: cover;
        margin-bottom: 20px;
        margin-top: 20px;
    }
    
    .img-card-sus-f img {
        height: auto;
        width: 100%;
        object-fit: cover;
    }
    
    .div50{
        width:100%;
    }
    .pd-career-sec .carr-img {
        margin-top: 0;
    }
    .pd-pointer-carr i{
        font-size:28px;
    }
    .pd-pointer-carr{
        width: 100px;
        height: 100px;
        margin-left: -50px;
        margin-top: -50px;
    }
    .pd-pointer-carr div {
        font-size: 12px;
        line-height: 16px;
    }
    .mb-50 {
        margin-bottom: 25px;
    }
    .owl-nav {
         position: relative;
        width: 100%;
        display: flex;
        justify-content: center;
        left: 0;
        top: 0;
    }
    
    .owl-next,
    .owl-prev{
        width: 40px;
        background-repeat: no-repeat !important;
    }
    
    .footer-contact-inf{
        display:block;
    }
    
    .footer-contact-inf a,
    .footer-contact-inf p{
        margin:10px 0;
    }
    
    .text-right,
    .div50{
        text-align: left!important;
    }
    .pd-btn-curved{
        margin-top: 5px;
        margin-bottom: 25px; 
    }
    .pd-inner-banner-section{
        height:55vh;
        background-position: 27% 100% !important;
    }
    .mb-30 {
        margin-bottom: 0px;
    }
    
    .abt-img-voyg2{
        margin:15px 0;
    }
    .nav-tabs .nav-item {
        margin: 10px;
    }
    
    .pd-prod-search div{
        display: flex;
        margin-bottom: 30px;
    }
    
    .pd-prod-search input[type='text']{
        margin: 0;
        width: 100%;
    }
    
  .pd-prod-search input[type='submit']{
         margin: 0;
         margin-left: 6px;
    }
    
    .main-sec-heading{
        margin-bottom:15px !important;
    }
       
    .pd-prod-search{
        padding:0;
    }
    
    .prod-sec-single .col-lg-5 img {
        margin-bottom:20px;
    }
    
    .logo-wrap{
        margin-top:3px;
    }
    .modal {
        margin-top:50px;
    }
    
    .careers-sec .modal-dialog .main-sec-heading{
        font-size:25px;
    }
    .modal-dialog {
        width: 100%;
        min-width: 100%;
        margin: 0;
    }
    
    .careers-sec input[type="submit"]{
        margin-bottom:20px;
    }
    
    .cont-us-sec .pd-cont-m-h{
        margin-bottom: 50px !important;
    }
    
    .mb-in-banner-centered{
        background-position:center !important;
    }
    .single-our_products .pd-inner-banner-section{
        background-position: 52% 100% !important;
    }
    
    .mob-m-t-set{
        margin-top: -5vh;
    }
    
}

@media (max-width:321px){
        .careers-model-app-now .modal-body{
            min-height:140vh;
        }
}


@media (min-width:525px) and (max-width:992px){
    .pd-mockup-div {
        margin-left: 4px;
        height: 40%;
        width: 55%;
        border-radius: 41px;
        margin-top: 32px;
    }
    .ip-t-c {
        position: absolute;
        left: 38%;
        margin-top: 6px;
        width: 25%;
    }
  
}

@media (min-width:993px) and (max-width:1199px){
    .pd-mockup-div {
        height: 31.5%;
    }
}

@media (min-width:992px){
    .page-template-global-trace .abt-sec-voyg .img-card{
         margin-bottom: -340px;
    }
}

@media (min-width:767px) and (max-width:992px){
    .mob-m-t-set {
        margin-top: -80vh;
    }
}

@media (max-width:767px){
     .mob-m-t-set {
        margin-top: -400px !important;
    } 
}