@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');

/* Gulf Seas Port Services Co. | SP Page Builder Default Preset | Started */

body,.sp-preloader{background-color:#fff;color:#252525}.sp-preloader>div{background:#0345bf}.sp-preloader>div:after{background:#fff}#sp-top-bar{background:#333;color:#aaa}#sp-top-bar a{color:#aaaaaa}#sp-header{background:#FFFFFF}#sp-menu ul.social-icons a:hover,#sp-menu ul.social-icons a:focus{color:#0345BF}a{color:#0345BF}a:hover,a:focus,a:active{color:#044CD0}.tags>li{display:inline-block}.tags>li a{background:rgba(3, 69, 191, 0.1);color:#0345BF}.tags>li a:hover{background:#044CD0}.article-social-share .social-share-icon ul li a{color:#252525}.article-social-share .social-share-icon ul li a:hover,.article-social-share .social-share-icon ul li a:focus{background:#0345BF}.pager>li a{border:1px solid #ededed;color:#252525}.sp-reading-progress-bar{background-color:#0345BF}.sp-megamenu-parent>li>a{color:#252525}.sp-megamenu-parent>li:hover>a{color:#0345BF}.sp-megamenu-parent>li.active>a,.sp-megamenu-parent>li.active:hover>a{color:#0345BF}.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner{background:#FFFFFF}.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a{color:#252525}.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover{color:#0345BF}.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a{color:#0345BF}.sp-megamenu-parent .sp-mega-group>li>a{color:#252525}#offcanvas-toggler>.fa{color:#252525}#offcanvas-toggler>.fa:hover,#offcanvas-toggler>.fa:focus,#offcanvas-toggler>.fa:active{color:#0345BF}#offcanvas-toggler>.fas{color:#252525}#offcanvas-toggler>.fas:hover,#offcanvas-toggler>.fas:focus,#offcanvas-toggler>.fas:active{color:#0345BF}#offcanvas-toggler>.far{color:#252525}#offcanvas-toggler>.far:hover,#offcanvas-toggler>.far:focus,#offcanvas-toggler>.far:active{color:#0345BF}.offcanvas-menu{background-color:#FFFFFF;color:#252525}.offcanvas-menu .offcanvas-inner a{color:#252525}.offcanvas-menu .offcanvas-inner a:hover,.offcanvas-menu .offcanvas-inner a:focus,.offcanvas-menu .offcanvas-inner a:active{color:#0345BF}.offcanvas-menu .offcanvas-inner ul.menu>li a,.offcanvas-menu .offcanvas-inner ul.menu>li span{color:#252525}.offcanvas-menu .offcanvas-inner ul.menu>li a:hover,.offcanvas-menu .offcanvas-inner ul.menu>li a:focus,.offcanvas-menu .offcanvas-inner ul.menu>li span:hover,.offcanvas-menu .offcanvas-inner ul.menu>li span:focus{color:#0345BF}.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>a>.menu-toggler,.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.menu-separator>.menu-toggler{color:rgba(37, 37, 37, 0.5)}.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent .menu-toggler{color:rgba(37, 37, 37, 0.5)}.offcanvas-menu .offcanvas-inner ul.menu>li li a{color:rgba(37, 37, 37, 0.8)}.btn-primary,.sppb-btn-primary{border-color:#0345BF;background-color:#0345BF}.btn-primary:hover,.sppb-btn-primary:hover{border-color:#044CD0;background-color:#044CD0}ul.social-icons>li a:hover{color:#0345BF}.sp-page-title{background:transparent}.layout-boxed .body-innerwrapper{background:#FFFFFF}.sp-module ul>li>a{color:#252525}.sp-module ul>li>a:hover{color:#0345BF}.sp-module .latestnews>div>a{color:#252525}.sp-module .latestnews>div>a:hover{color:#0345BF}.sp-module .tagscloud .tag-name:hover{background:#0345BF}.search .btn-toolbar button{background:#0345BF}#sp-bottom .sp-module-content .latestnews>li>a>span{color:#FFFFFF}.sp-comingsoon body{background-color:#0345BF}.pagination>li>a,.pagination>li>span{color:#252525}.pagination>li>a:hover,.pagination>li>a:focus,.pagination>li>span:hover,.pagination>li>span:focus{color:#252525}.pagination>.active>a,.pagination>.active>span{border-color:#0345BF;background-color:#0345BF}.pagination>.active>a:hover,.pagination>.active>a:focus,.pagination>.active>span:hover,.pagination>.active>span:focus{border-color:#0345BF;background-color:#0345BF}.error-code,.coming-soon-number{color:#0345BF}

/* Gulf Seas Port Services Co. | SP Page Builder Default Preset | Ends */

/* Gulf Seas Port Services Co. | Fancy Scroll Bar | Started */

/* html {scroll-behavior: smooth;}
body::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);background-color: #0b1b39;}
body::-webkit-scrollbar {width: 10px;background-color: #0b1b39;}
body::-webkit-scrollbar-thumb {border-radius: 5px;background-color: #55e9fc;} */

::-webkit-scrollbar{ width: 6px; }
::-webkit-scrollbar-track { background: #0b1b39;}
::-webkit-scrollbar-thumb { background: #55e9fc;border-radius: 5px;}

/* Change autocomplete styles in WebKit */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {border-bottom: 1px solid #55e9fc;-webkit-text-fill-color: #55e9fc;-webkit-box-shadow: 0 0 0 1000px #0b1b39 inset;-moz-box-shadow: 0 0 0 1000px #0b1b39 inset;box-shadow: 0 0 0 1000px #0b1b39 inset;transition: background-color 5000s ease-in-out 0s;}

/* Gulf Seas Port Services Co. | Fancy Scroll Bar | Ends */

/* Gulf Seas Port Services Co. | Fancy Cursor | Started 

.curser {position: fixed;top: 0;left: 0;width: 50px;height: 50px;border: 2px solid #292c62;border-radius: 50%;pointer-events: none;transform: translate(-50%, -50%);z-index: 9999;transition: .1s;}
.curser2 {position: fixed;top: 0;left: 0;width: 10px;height: 10px;background: #292c62;border-radius: 50%;pointer-events: none;transform: translate(-50%, -50%);z-index: 9999;transition: .15s;animation: Ripple 1.6s ease-in-out infinite;-webkit-animation: Ripple 1.6s ease-in-out infinite;-moz-animation: Ripple 1.6s ease-in-out infinite;}
*/

/* Gulf Seas Port Services Co. | Fancy Cursor | Ends */

/* Gulf Seas Port Services Co. | Master Typography | Started */

body, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6,ul,ol,li,.sppb-addon-content{font-family: 'Montserrat', sans-serif}
body {margin: 0;padding: 0;color: #0b1b39;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;-moz-osx-font-smoothing: grayscale;}
p{margin-bottom:0;}
body,p,div{font-size:1rem;}
.txt-right{text-align:right;}
.txt-left{text-align:left;}
.txt-center{text-align:center;}
.txt-justify{text-align:justify;}
.txt-italic{font-style:italic;}
.relative{position:relative;}
.absolute {position: absolute;}
.float-right{float:right;}
.block{display:block;}
.remove-item h2{display:none;}
.overflow{overflow:hidden}
.pl-0{padding-left:0px;}
.pl-10{padding-left:10px;}
.pl-20{padding-left:20px;}
.pl-30{padding-left:30px;}
.pl-40{padding-left:40px;}
.pl-50{padding-left:50px;}
.pl-60{padding-left:60px;}
.pr-0{padding-right:0px;}
.pr-10{padding-right:10px;}
.pr-20{padding-right:20px;}
.pr-30{padding-right:30px;}
.pr-40{padding-right:40px;}
.pr-50{padding-right:50px;}
.pr-60{padding-right:60px;}
.pt-0{padding-top:0px;}
.pt-10{padding-top:10px;}
.pt-20{padding-top:20px;}
.pt-30{padding-top:30px;}
.pt-40{padding-top:40px;}
.pt-50{padding-top:50px;}
.pt-60{padding-top:60px;}
.pb-0{padding-bottom:0px;}
.pb-10{padding-bottom:10px;}
.pb-20{padding-bottom:20px;}
.pb-30{padding-bottom:30px;}
.pb-40{padding-bottom:40px;}
.pb-50{padding-bottom:50px;}
.pb-60{padding-bottom:60px;}

.ml-10{margin-left:10px;}
.ml-20{margin-left:20px;}
.ml-30{margin-left:30px;}
.ml-40{margin-left:40px;}
.ml-50{margin-left:50px;}
.mr-10{margin-right:10px;}
.mr-20{margin-right:20px;}
.mr-30{margin-right:30px;}
.mr-40{margin-right:40px;}
.mr-50{margin-right:50px;}
.mt-10{margin-top:10px;}
.mt-20{margin-top:20px;}
.mt-30{margin-top:30px;}
.mt-40{margin-top:40px;}
.mt-50{margin-top:50px;}
.mb-10{margin-bottom:10px;}
.mb-15{margin-bottom:15px;}
.mb-20{margin-bottom:20px;}
.mb-30{margin-bottom:30px;}
.mb-40{margin-bottom:40px;}
.mb-50{margin-bottom:50px;}
.zindex-999{z-index:999;}

/* Gulf Seas Port Services Co. | Master Typography | Ends */

/* Gulf Seas Port Services Co. | Branding | Started  */

a{color:#55e9fc;}
a:hover{color:#55e9fc;}
a:active,a:focus{color:#55e9fc!important;}
a {transition: color 400ms, background-color 400ms;}
.primary-color{color:#292c62;}
.secondary-color{color:#55e9fc;}
.gsp-primary-btn{position: relative;z-index: 2;overflow: hidden;vertical-align: middle;display: inline-block;border: none;text-transform: uppercase;text-align: center;background-color: #292c62;color: #fff;font-size: 14px;font-weight: 700;line-height: 1;padding: 20px;border-radius: 0;margin:7px 0;}
.gsp-primary-btn:before,.gsp-primary-btn:after {content: "";position: absolute;height: 100%;top: 0;width: 0;background-color: #292c62;z-index: -1;-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out}
.gsp-primary-btn:before{left: 0;border-radius: 0 20px 20px 0;}
.gsp-primary-btn:after {right: 0;border-radius: 20px 0 0 20px;}
.gsp-primary-btn:hover,.gsp-primary-btn.active {color:#fff;}
.gsp-primary-btn:hover::before,.gsp-primary-btn:hover:after,.gsp-primary-btn.active::before,.gsp-primary-btn.active:after {width: 50%;border-radius: 0}
.gsp-primary-btn:hover {color:#fff;}
.gsp-primary-btn:hover:before,.gsp-primary-btn:hover:after {background-color: #55e9fc}
a.gsp-primary-btn:active,a.gsp-primary-btn:focus{color:#fff!important;}
#sp-toplinks ul>li>a:active,#sp-toplinks ul>li>a:focus{color:#55e9fc!important;}
#sp-contacts ul>li>a:active,#sp-contacts ul>li>a:focus{color:#55e9fc!important;}
.sp-module ul>li>a{color:#55e9fc}
.sp-module ul>li>a:hover{color:#55e9fc}
.sp-page-title{padding:100px 0;background-repeat: no-repeat;background-position: 100% 0%;background-size: inherit;background-attachment: fixed;}
#sp-gsp-title .sp-page-title-heading{font-weight: 700;font-size: 72px;line-height: 110px;color: #292c62;}
.sp-page-title .breadcrumb{padding:0;}

/* Gulf Seas Port Services Co. | Branding | Ends  */

/* Gulf Seas Port Services Co. | All Sections Padding & Settings | Started */

#sp-gsp-top-area{background-color: #292c62;padding:7px 0;color:#fff;border-bottom:2px solid #55e9fc;}
#sp-gsp-branding{position:relative;z-index:999;background-color: #050f2d;background-size: auto;background-repeat: repeat;height:70px;width:100%;box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.1);animation:spFadeIn 0.5s;}
#gsp-introduction{margin:0;padding:120px 0;}
#gsp-company-introduction{margin:0;padding:60px 0;}
#gsp-statistics{padding-top: 120px;background-color:#292c62;}
#gsp-solutions{margin:0;padding:60px 60px;}
#gsp-legal-documents{padding:60px 0 2px;}
#sp-gsp-call-to-action{padding:30px 0;background-color:#55e9fc;}
#gsp-major-contracts, #gsp-major-projects, #gsp-ongoing-projects,#gsp-media-gallery{padding:25px 50px;}
#gsp-major-contracts .gsp-major-contracts, #gsp-major-projects .gsp-major-projects, #gsp-ongoing-projects .gsp-ongoing-projects, #gsp-media-gallery .gsp-media-gallery{padding:0 50px 25px;margin-bottom:0;}
#gsp-major-contracts .gsp-major-contracts h3, #gsp-major-projects .gsp-major-projects h3, #gsp-ongoing-projects .gsp-ongoing-projects h3, #gsp-media-gallery .gsp-media-gallery h3{margin-bottom:0;font-weight:700;}
#sp-gsp-footer{padding: 15px 30px;margin: 0px;background: #292c62;border-top:1px solid #55e9fc;}
#gsp-manpower,#gsp-financial-status,#gsp-owned-machine{padding:100px;margin:0;}


/* Gulf Seas Port Services Co. | All Sections Padding & Settings | Ends */

/* Gulf Seas Port Services Co. | Top Area & Branding | Started */

.gsp-contactdetails{margin: 0;padding: 0;list-style-type: none;}
.gsp-contactdetails li {display: inline-block;position: relative;font-size: 16px;font-weight: 400;}
.gsp-contactdetails li:not(:last-child) {padding: 0 20px 0 0;margin: 0 17px 0 0;}
.gsp-contactdetails li:not(:last-child):before {content: "";position: absolute;right: 0;top: 50%;background-color: #fff;width: 1px;height: 16px;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%)}
.gsp-contactdetails li>i {margin-right: 10px}
.gsp-contactdetails i {color: #55e9fc;-webkit-transition: 0.4s;transition: 0.4s}
.gsp-sociallinks a{font-size: 16px;display: inline-block;color: #fff;margin: 0 25px 0 0;}
.gsp-sociallinks a i{color:#fff;-webkit-transition: 0.4s;transition: 0.4s;}
#sp-gsp-branding .logo {height: 70px;display: inline-flex;margin: 0;align-items: center;}
#sp-gsp-branding .logo a {font-size: 24px;line-height: 1;margin: 0;padding: 0;}

/* Gulf Seas Port Services Co. | Top Area & Branding | Ends */

/* Gulf Seas Port Services Co. | Main Menu | Started */

#sp-gsp-branding #offcanvas-toggler.offcanvas,#sp-edesignerzzz-branding #offcanvas-toggler.mega{display:none !important}
#sp-gsp-branding.header-sticky{position:fixed;z-index:9999;top:0;left:0;width:100%;animation:spFadeInDown 0.5s;background-color: #fff;}
#sp-gsp-branding:not(.header-sticky) {background: transparent !important;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.sp-megamenu-parent>li>a{color:#292c62;}
.sp-megamenu-parent>li:hover>a {color: #55e9fc;}
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span{display: inline-block;padding: 0 15px;line-height: 70px;font-size: 16px;font-weight: 700;letter-spacing: 1px;text-transform: uppercase;margin: 0;}
.sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li.active:hover>a {color: #55e9fc;display: inline-block;padding: 0 15px;line-height: 70px;font-size: 16px;font-weight: 700;letter-spacing: 1px;text-transform: uppercase;margin: 0;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a {color: #292c62;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover {color: #55e9fc;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge){font-size:16px;}

/* Gulf Seas Port Services Co. | Main Menu | Ends */

/* Gulf Seas Port Services Co. | Company Introduction | Started */

.gsp-introduction-media {display: flex;align-items: center;justify-content: flex-end;position: relative;}
.gsp-introduction-media .gsp-introduction-media-small {position: absolute;bottom: -120px;left: 0;border: 10px solid #fff;}
.gsp-introduction-media .gsp-introduction-experience {position: absolute;left: -20px;top: 60px;transform: rotate(-90deg);}
.gsp-introduction-media .gsp-introduction-title {color: #30373E;font-size: 96px;font-style: normal;font-weight: 700;line-height: 58px;margin-bottom: 7px;}
.gsp-introduction-media .gsp-introduction-experience span {color: #30373E;font-size: 24px;font-style: normal;font-weight: 600;line-height: 58px;}

.gsp-aboutus-content p {font-style:italic;font-weight:700;font-size:15px;line-height:1.675rem;}
.gsp-aboutus-titles {margin-bottom:10px;position: relative;z-index: 2}
.gsp-aboutus-titles .gsp-aboutus-maintitle {margin-bottom: 15px;margin-top: -0.23em;}
.gsp-aboutus-content-titles.mb-0 .gsp-aboutus-maintitle {margin-bottom: -0.31em}

.gsp-aboutus-subtitle {font-size: 16px;font-weight: 600;color: #292c62;text-transform: uppercase;margin-top: -0.41em;margin-bottom: 25px;position: relative;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;gap: 5px}
.gsp-aboutus-subtitle .dots {display: inline-block;width: 3px;height: 3px;background-color: inherit;border-radius: 99px;position: absolute;top: 0}
.gsp-aboutus-subtitle .dots:before,.gsp-aboutus-subtitle .dots:after {content: '';height: inherit;width: inherit;background-color: inherit;border-radius: inherit;display: inline-block;position: absolute;top: 0}
.gsp-aboutus-subtitle .shape {display: inline-block;height: 3px;width: 40px;background-color:#55e9fc;border-radius: 99px;position: relative}
.gsp-aboutus-subtitle .shape.left .dots {left: -6px}
.gsp-aboutus-subtitle .shape.left .dots:before {left: -6px}
.gsp-aboutus-subtitle .shape.left .dots:after {left: -12px}
.gsp-aboutus-subtitle .shape.right .dots {right: -6px}
.gsp-aboutus-subtitle .shape.right .dots:before {right: -6px}
.gsp-aboutus-subtitle .shape.right .dots:after {right: -12px}

.signature-box {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;gap: 20px;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center}
.signature-box-wrap {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;gap: 15px;max-width: 500px}
.signature-box .avater img {border-radius: 999px;width: 55px;border: 1px solid #292c62;padding: 2px;}
.signature-box .content {text-align: center}
.signature-box .chairman{font-size: 16px;font-weight: 500;margin-top: 4px;display: block}
.signature-box .desig {font-size: 13px;font-weight: 500;border-top: 1px solid #55e9fc;margin-top: 4px;display: block}
.about-bg-shape {position: relative;}
.about-bg-shape .shape {position: absolute;top: 0;left: -30%;height: 100%;width: 100%;z-index: -1}
.about-bg-shape .shape img {object-fit: cover;height: 100%;max-width: -webkit-fit-content;max-width: -moz-fit-content;max-width: fit-content;}
.arrow-list-wrap {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;gap: 30px;margin-bottom: 27px;padding-bottom: 30px;padding-top:11px;border-bottom: 1px solid #55e9fc;}

@media (max-width: 767px) {
    .arrow-list-wrap {-webkit-flex-wrap:wrap;-ms-flex-wrap: wrap;flex-wrap: wrap}
}
.th-video {position: relative;background-color: #fff;border-radius: 10px;box-shadow: 0px 4px 16px #ebeef3;padding: 20px}
.th-video img:not([draggable]), embed, object, video {max-width: 100%;height: auto;}
.th-video img {border-radius: inherit;width: 100%}
.play-btn {display: inline-block;position: relative;z-index: 1;}
.play-btn>i {display: inline-block;width: 40px;height: 40px;line-height: 40px;text-align: center;background-color: #fff;color: #55e9fc;font-size: 1.2em;border-radius: 50%;z-index: 1;-webkit-transition: all ease 0.4s;transition: all ease 0.4s}
.play-btn:after,.play-btn:before {content: "";position: absolute;left: 0;top: 0;right: 0;bottom: 0;background-color: #55e9fc;z-index: -1;border-radius: 50%;-webkit-transition: all ease 0.4s;transition: all ease 0.4s}
.play-btn:after {-webkit-animation-delay: 2s;animation-delay: 2s}
.play-btn:hover:after,.play-btn:hover::before,.play-btn:hover i {background-color: #55e9fc;color: #fff;}
.play-btn.style2>i {background: transparent;border: 1px solid #fff;color: #fff;}
.play-btn.style2:after,.play-btn.style2:before {background: #fff;opacity: 0.2;width: 80px;height: 80px;margin-top: -20px;margin-left: -20px}
.th-video .play-btn {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%)}
.th-video .play-btn>i {background-color: #55e9fc;color: #fff;}
.th-video .play-btn:after,.th-video .play-btn:before {background-color: #55e9fc;}
.arrow-list-wrap .th-video {padding: 0}
.arrow-list ul{padding-left: 0;list-style: none;text-align: left;margin-bottom: 0}
.arrow-list li {color: #292c62;margin-bottom: 10px;position: relative;padding-left: 28px}
.arrow-list li:before {content: "\f178";font-family: "Font Awesome 6 Free";font-weight: 600;color:#55e9fc;position: absolute;left: 0;-webkit-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out}
.arrow-list li:last-child {margin-bottom: 0}

@media (max-width: 1399px) {
    .about-bg-shape .shape {left:-350px}
    .about-bg-shape .shape img {max-width: calc(100% + 370px)}
}

.gsp-introduction-sub-title{font-weight: 700;font-size: 16px;line-height: 24px;letter-spacing: 0.1em;text-transform: uppercase;color: #292c62;}
.gsp-introduction-title{font-weight: 700;font-size: 42px;line-height: 52px;color: #292c62;margin-bottom:5px;}
.gsp-introduction-description{margin:5px 0 40px;text-align:justify;}
.bg-gsp{margin-bottom:50px;}
.bg-gsp .title {text-align:center;font-size: 120px;background: linear-gradient(180deg, #292c62 0%, rgba(12, 10, 10, 0) 100%);-webkit-background-clip: text;text-fill-color: transparent;text-transform: uppercase;-webkit-text-stroke: 1px #292c62;-webkit-text-fill-color: #292c62;min-width: max-content;}
.company-information{display: flex;align-items: center;margin-bottom: 20px;}
.company-information p{margin-bottom: 0;font-weight: 700;font-size: 18px;line-height: 27px;color: #292c62;margin-left:7px;}

/* Gulf Seas Port Services Co. | Company Introduction | Ended */

/* Gulf Seas Port Services Co. | Why GSP? | Started */

svg:not(:root) {overflow: hidden;}
.gsp-statistics .sppb-row-container{padding-top: 20px;border-top: 1px solid #55e9fc;}
.gsp-statistics-media{padding-right: 50px;}
.gsp-statistics-media-headings {margin-bottom: 40px;color:#fff;}
.gsp-statistics-media-headings .gsp-statistics-media-subtitle{font-weight: normal;font-size: 16px;line-height: 28px;color:#fff;text-transform: none;font-style: normal;position: relative;display: inline-block;padding-left: 25px;}
.gsp-statistics-media-headings .gsp-statistics-media-subtitle:after{content: '';position: absolute;width: 10px;height: 10px;border-radius: 50%;left: 0;top: 50%;margin-top: -5px;background-color:#55e9fc;}
.gsp-statistics-media .gsp-statistics-media-title{margin-bottom: 22px;margin-top: 55px;font-size: 52px;line-height: 62px;letter-spacing: 0px;font-weight:700;color:#fff;}
.gsp-statistics-intro{padding: 100px 0px 0px 35px;}
.gsp-statistics-intro-text{padding-bottom: 35px;}
.gsp-statistics-intro-text p{color: #fff;line-height: 28px;}
.split-line div{font-size:xxx-large;}
.gsp-statistics-details{margin: 40px 0px 0px 0px;padding: 30px 0px 0px 0px;border-style: solid;border-width: 1px 0px 0px 0px;border-color: #FFFFFF4F;margin-top: 40;}
.gsp-statistics-details .gsp-statistics-fld-wrap{display: flex;align-items: center;}
.gsp-statistics-details .gsp-statistics-fid-inner{font-size: 90px;line-height: 90px;margin-bottom: 0;min-width: 255px;color: #55e9fc;display: inherit;}
.gsp-statistics-details .gsp-statistics-fid-title{font-size: 24px;text-transform: uppercase;line-height: 28px;margin-top: 37px;margin-bottom: 10px;color: #55e9fc;}
.gsp-statistics-details a.gsp-statistics-svg-btn {padding-left: 25px;}
.gsp-statistics-details .gsp-statistics-svg-btn svg {width: 18px;height: 18px;}
.gsp-statistics-details .gsp-statistics-fid-inner .gsp-statistics-fid{font-size: 90px;line-height: 90px;top: 0;right: 0;text-transform: initial !important;position: relative;color:#fff;}
.gsp-statistics-details:hover .gsp-statistics-svg-btn svg line{stroke-dashoffset: 0 !important;stroke: #fff !important;}
.gsp-statistics-details .gsp-statistics-fid-inner,.gsp-statistics-details .gsp-statistics-fid-inner,.gsp-statistics-details .gsp-statistics-fid-inner {color: #fff;}
.gsp-statistics-details .gsp-statistics-fid-inner .gsp-statistics-fid{color: #55e9fc;}
.gsp-statistics-details .gsp-statistics-fid-title,.gsp-statistics-details .gsp-statistics-heading-desc,.gsp-statistics-details .gsp-statistics-fid-title,.gsp-statistics-details .gsp-statistics-heading-desc,.gsp-statistics-details .gsp-statistics-fid-title,.gsp-statistics-details .gsp-statistics-heading-desc {color: #fff;}
.gsp-statistics-details .gsp-statistics-fld-contents,.gsp-statistics-details .gsp-statistics-fld-contents,.gsp-statistics-details .gsp-statistics-fld-contents {border-color: #fff;}
.gsp-statistics-details .gsp-statistics-svg-btn svg line,.gsp-statistics-details .gsp-statistics-svg-btn svg line,.gsp-statistics-details .gsp-statistics-svg-btn svg line {stroke: rgba(255, 255, 255,.5);}
.gsp-statistics-heading-desc{color:#fff;}

/* Gulf Seas Port Services Co. | Why GSP?  | Started */

/* Gulf Seas Port Services Co. | Our Solutions | Started */

.gsp-solutions-titles {margin-bottom: 48px;position: relative;z-index: 2}
.gsp-solutions-titles .sec-title {margin-bottom: 15px;font-weight:700;font-size:48px;}
.shadow-title {font-size: 160px;font-weight: 900;color: transparent;line-height: 0.89;-webkit-text-stroke: 1px #292c62;opacity: 0.08;margin-top: -0.08em;margin-bottom: -100px;width: 100%;z-index: -1}
.shadow-title.border-white {-webkit-text-stroke: 1px #fff;}
.gsp-solutions-title {font-size: 16px;font-weight: 600;color: #55e9fc;text-transform: uppercase;margin-top: -0.41em;margin-bottom: 25px;position: relative;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;gap: 5px}
.gsp-solutions-title .dots {display: inline-block;width: 3px;height: 3px;background-color: inherit;border-radius: 99px;position: absolute;top: 0}
.gsp-solutions-title .dots:before,.gsp-solutions-title .dots:after {content: '';height: inherit;width: inherit;background-color: inherit;border-radius: inherit;display: inline-block;position: absolute;top: 0}
.gsp-solutions-title .shape {display: inline-block;height: 3px;width: 40px;background-color: #55e9fc;border-radius: 99px;position: relative}
.gsp-solutions-title .shape.left .dots {left: -6px}
.gsp-solutions-title .shape.left .dots:before{left:-6px}
.gsp-solutions-title .shape.left .dots:after{left:-12px}
.gsp-solutions-title .shape.right .dots{right:-6px}
.gsp-solutions-title .shape.right .dots:before{right:-6px}
.gsp-solutions-title .shape.right .dots:after{right:-12px}

.gsp-solution {position: relative;box-shadow: 0px 6px 14px rgba(7,36,95,0.08);background-color: #292c62;z-index: 2}
.gsp-solution::before {content: '';width: 100%;height: 100%;background-color: #fff;z-index: -1;position: absolute;top: 0;left: 0;-webkit-transition: 0.4s ease-in-out;transition: 0.4s ease-in-out}
.gsp-solution-media {margin-bottom: 18px}
.gsp-solution-media img {-webkit-transition: 0.4s ease;transition: 0.4s ease;}
.gsp-solution-content {padding: 15px;border:1px solid #55e9fc;text-align:center;}
.gsp-solution-title {font-size: 19px;margin-bottom: 11px;-webkit-transition: 0.1s ease-in-out;transition: 0.1s ease-in-out}
.gsp-solution-title a {color: inherit}
.gsp-solution-title a:hover {color: #fff;}
.gsp-solution-description {margin-bottom: -0.5em;-webkit-transition: 0.4s ease-in-out;transition: 0.4s ease-in-out}
.gsp-solution-btn {font-size: 14px;font-weight: bold;text-transform: uppercase;color: #55e9fc;display: block;padding: 22px 30px;position: relative;z-index: 2;-webkit-transition: 0.4s ease-in-out;transition: 0.4s ease-in-out}
.gsp-solution-btn::before {content: '';width: 100%;height: 100%;z-index: -1;position: absolute;top: 0;right: 0;-webkit-transition: 0.4s ease-in-out;transition: 0.4s ease-in-out}
.gsp-solution-btn i {margin-left: 4px}
.gsp-solution:hover::before {width: 0}
.gsp-solution:hover .gsp-solution-title,.gsp-solution:hover .gsp-solution-description,.gsp-solution:hover .gsp-solution-btn {color: #fff;}
.gsp-solution:hover .gsp-solution-title{color: #55e9fc;}
.gsp-solution:hover .gsp-solution-media img {-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);-webkit-transform: rotateY(180deg);transform: rotateY(180deg)}
.gsp-solution:hover .gsp-solution-btn::before {width: 0}

/* Gulf Seas Port Services Co. | Our Solutions | Ends */

/* Gulf Seas Port Services Co. | Legal Document | Started */

/* Gulf Seas Port Services Co. | Legal Document | Started */

/* Gulf Seas Port Services Co. | Rich Footer | Started */

.rich-footer {background: #292c62;position: relative;padding-top: 110px;padding-bottom: 90px;}
.rich-footer::before {position: absolute;content: "";top: 0;background: url(../../../../static/gsp-contact-details.jpg);width: 30%;height: 100%;background-repeat: no-repeat;background-position: bottom;background-size: cover;}
.contacts-information{padding-top:15px;}
.contact-information{align-items:center;background: #fff;display: flex;/*flex-flow: row wrap;*/padding: 35px 25px;margin-bottom: 30px;transition: all 0.5s ease;background-color: #0a2148;box-shadow: 0px 0px 20px rgba(255, 255, 255, 0.2);}
.contact-information-media{background: #fff;position: relative;width: 70px;height: 70px;border-radius: 10px;display: flex;justify-content: center;align-items: center;font-size: 40px;color: #292c62;}
.info-body h5{color:#fff;font-size: 19px;font-weight: 700;line-height: 20px;margin-bottom: 1px;}
.info-body h6{font-size: 16px;font-weight: 600;line-height: 24px;color: #55e9fc;margin-bottom: 0;}

.contact-form{background: transparent;padding: 0;font-size: 40px;line-height: 44px;}
.contact-form-header{margin-bottom: 35px;padding-right: 0px;}
.contact-form-title{font-size: 16px;font-weight: 700;text-transform: uppercase;line-height: 26px;color: #fff;}
.contact-form-subtitle{font-size: 44px;font-weight: 700;line-height: 54px;letter-spacing: 0px;margin-top: 6px;margin-bottom: 20px;text-transform: capitalize;color: #fff;}
.contact-form .form-group{margin-bottom: 20px;}
textarea.form-control {display: block;width: 100%;height: 140px;padding: 10px 15px;font-size: 14px;line-height: 1.5;color: #292c62;background-clip: padding-box;border: 1px solid #dcdcdc;border-radius: 0;transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;backface-visibility: hidden;box-sizing: border-box;outline: none;-webkit-appearance: none;outline-offset: 0;background: #0a2148;border: none;}
select, input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"] {display: block;width: 100%;height: 50px;padding: 10px 15px;font-size: 14px;line-height: 1.5;color: #292c62;background-color:#fff;background-clip: padding-box;border: 1px solid #dcdcdc;border-radius: 5px;transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;backface-visibility: hidden;box-sizing: border-box;outline: none;-webkit-appearance: none;outline-offset: 0;height: 55px;border-radius: 0;}
.contact-form input[type=text], .contact-form  input[type=email] {background: #0a2148;border: none;color: #55e9fc;}
.form-group .button{position: relative;min-width: 200px;display: inline-block;font-family: "Nunito Sans", sans-serif;font-size: 18px;line-height: 26px;font-weight: 500;letter-spacing: 0px;text-align: center;text-decoration: none;outline: none;padding: 16px 30px;background: #292c62;color: #fff;border: 2px solid transparent;border-radius: 0;overflow: hidden;cursor: pointer;backface-visibility: hidden;transition: all 0.5s ease;cursor: pointer;background: #55e9fc;transition: all 0.5s ease;}
.form-group .button:hover{color:#fff;background-color:#292c62;transition: all 0.5s ease;border:1px solid #55e9fc;}

/* Gulf Seas Port Services Co. | Rich Footer | Ended */

/* Gulf Seas Port Services Co. | Call To Action | Started */

.gsp-call-to-action-content {padding-left: 70px;display: flex;align-items: center;justify-content: space-between;border-right: 1px solid #55e9fc;}
.gsp-call-to-action-content img{margin-right: 20px;}
.gsp-call-to-action h1{font-size:34px;font-weight: 700;line-height: 44px;color:#fff;}
.call-to-action h4{color: #fff;font-size: 30px;line-height: 45px;letter-spacing: -.42px;}
.call-to-action span {font-size: 32px;font-weight: 700;line-height: 38px;color: #292c62}

/* Gulf Seas Port Services Co. | Call To Action | Ends */

/* Gulf Seas Port Services Co. | Projects & Contract Experiences | Started */

#gsp-major-contracts .sppb-addon-table-main td {padding: 15px 10px!important;}

/* Gulf Seas Port Services Co. | Projects & Contract Experiences | Ends */

/* Gulf Seas Port Services Co. | Footer | Started */

.footer_bottom_inner {display: flex;align-items: center;justify-content: center;flex-flow: row wrap;color: #fff;}
#sp-footer .logo a img {width: 100%;max-width: 100%;}
.footer_bottom_inner .copyright {margin: 0 auto;}
.footer_bottom_inner .copyright p {font-size: 16px;font-weight: 400;line-height: 24px;letter-spacing: -.2px;text-transform: capitalize;color: #99abbd;margin-bottom: 0;}
#sp-footer ul {padding: 0;margin-bottom: 0px;list-style-type: none;}
.footer_bottom_inner .footer_nav_bottom ul {display: flex;}
#sp-footer ul li {list-style-type: none;color: #cacfeb;font-weight: 400;font-size: 16px;line-height: 24px;margin-bottom: 10px;}
.footer_bottom_inner .footer_nav_bottom ul li {margin-bottom: 0;}
.footer_bottom_inner .footer_nav_bottom ul li:first-child {margin-right: 20px;}
.footer_bottom_inner .footer_nav_bottom a {color: #99abbd;font-weight: 400;font-size: 16px;line-height: 24px;letter-spacing: -.2px;}

/* Gulf Seas Port Services Co. | Footer | Ends */

/* Gulf Seas Port Services Co. | Admin Login | Started */

.login .form-label, .login label{color:#55e9fc;}
.login .form-control{padding:.375rem .75rem;height:50px;font-size:1rem;margin-bottom:0;border:1px solid #55e9fc;}
.login input:-webkit-autofill, .login input:-webkit-autofill:hover, .login input:-webkit-autofill:focus, .login textarea:-webkit-autofill, .login textarea:-webkit-autofill:hover, .login textarea:-webkit-autofill:focus, .login select:-webkit-autofill, .login select:-webkit-autofill:hover, .login select:-webkit-autofill:focus {border-bottom: 1px solid #55e9fc;-webkit-text-fill-color: #55e9fc;-webkit-box-shadow: 0 0 0 1000px #0b1b39 inset !important;-moz-box-shadow: 0 0 0 1000px #0b1b39 inset!important;box-shadow: 0 0 0 1000px #0b1b391important inset;transition: background-color 5000s ease-in-out 0s;}
.login, .logout{margin:25px 0;}

/* Gulf Seas Port Services Co. | Admin Login | Ends */

/* Gulf Seas Port Services Co. | Responsive | Media Queries | Started */

@media (max-width: 1399px) {.shadow-title {font-size:140px;margin-bottom: -90px}}
@media (max-width: 1199px) {.shadow-title {font-size:120px;margin-bottom: -82px}}
@media (min-width: 1024px) {/*.aldrees-top-area-details {padding: 10px 55px;}*/}
@media (max-width: 991px) {.shadow-title {font-size:100px}}
@media (max-width: 767px) {.shadow-title {font-size:80px;margin-top: -3px;margin-bottom: -75px}}
@media (max-width: 575px) {.shadow-title {font-size:70px;margin-top: 6px}#offcanvas-toggler {height: 45px;line-height: 45px;}}
@media (max-width: 375px) {.shadow-title {font-size:60px;margin-top: 15px}}

/* Gulf Seas Port Services Co. | Responsive | Media Queries | Ends */