*{padding: 0;margin: 0}
/*=========Vertical Scroller CSS==========*/
::-webkit-scrollbar {width:7px;}
::-webkit-scrollbar-track {background: #049fd4;border: rgba(239, 78, 94, 0.87);}
::-webkit-scrollbar-thumb {background: #041e42;}
::-webkit-scrollbar-thumb:hover {background: #041e42;}
::-webkit-scrollbar-thumb:active {background: #041e42;}
::selection {background: #029fd4;color: #FFF;text-shadow: none;}
::-moz-selection {background: #029fd4;color: #FFF;text-shadow: none;}
::-webkit-selection {background: #029fd4;color: #FFF;text-shadow: none;}

html, body{font-family: 'Rubik', sans-serif;overflow-x: hidden;}
.hover{transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-webkit-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;}
p{font-size: 16px;color:#58595b;margin: 0px;}
/*=======Header=======*/
.mar-lg-10{margin: 0px 10px;}
.mar-lg-20{margin: 0px 20px;}
.mar-lg-30{margin: 0px 30px;}
.mar-lg-40{margin: 0px 40px;}

h1, h2, h3, h4, h5, h6{color: #023c4a;font-weight: 600;}

header {padding: 0px 0px;position: fixed;width: 100%;z-index: 999;transition: all 0.4s ease;}
header .top_sec{background: #023c4a;padding: 8px 0px;border-bottom:1px solid rgba(255, 255, 255, 0.06);}
header .top_sec a{color: #fff;font-size: 14px;font-weight:500;}
header .top_sec .top_sec_right{text-align: right;}
header .top_sec .top_sec_right ul{padding: 0;margin: 0;}
header .top_sec .top_sec_right ul li{display: inline-block;}
header .top_sec .top_sec_right ul li:after{content: "|";padding: 0px 10px;color: #ccc;}
header .top_sec .top_sec_right ul li:last-child:after{content: "";padding: 0px;}
header .top_sec .top_sec_right ul li a{color: #fff;font-size: 14px;font-weight:400;}
header .brand img {transition: width 0.8s ease;width: 160px;filter: brightness(1) invert(0);background: #fff;padding: 10px;border-radius: 5px;}
header.stickky .brand img {transition: width 0.8s ease;width: 130px;filter: brightness(0) invert(1);background: transparent;padding: 10px;border-radius:0px; }
header.stickky section{background: #023c4a;box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.3);}
header.stickky nav{margin-top: 0px;}
header nav{transition: transform 0.3s ease-in-out;}
header.stickky nav{transform: translateY(0%);}
header.stickky nav ul li a{color: #fff;}
header section{padding: 10px 0px;transition: all 0.4s ease;}
header.stickky section{padding:0px 0px;}
#slider{height:620px;overflow-y: hidden;}
.heroslider{height:620px;background:444;}
.heroslider .owl-nav {text-align: center;position: relative;top: -80px;}
.heroslider .owl-nav button {outline: none;transition: all 0.4s ease;}
.heroslider .owl-nav {text-align: center;position: relative;top: -140px;}
.heroslider .slidertext{position: absolute;width: 1250px;max-width: 1250px;color: #fff;padding-left:20px;
  padding-right: 0px;z-index: 2;top:65%;transform: translateY(-50%);}
.heroslider .slidertext span{font-size: 16px;}
.heroslider .slidertext h4{font-weight: 600;font-size: 48px;text-transform: uppercase;color: #fff;text-shadow: 
     1px  1px     #023c4a,-1px  1px #023c4a, 
     1px -1px     #023c4a, 
    -1px -1px     #023c4a,
     1px  1px 2px #555;}
.heroslider .slidertext .slcont{width:70%;text-align: justify;}
.heroslider .slidertext .slcont p{color: #fff;font-size: 21px;font-weight: 300;margin-bottom: 10px;}
.heroslider .slidertext .tread {display: block;padding-top: 20px;}
.heroslider .slidertext .tread ul {}
.heroslider .slidertext .tread ul li {display: inline-block;}
.heroslider .slidertext .tread a {padding: 14px 40px;font-size: 16px;text-decoration: none;--webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;color: #fff;text-transform: none;}
.heroslider .slidertext .tread a.one {background: #023c4a;}
.heroslider .slidertext .tread a.two {background: #f48120;}

.heroslider .slidertext .tread a.one:hover {background: #f48120;}
.heroslider .slidertext .tread a.two:hover {background: #023c4a;}
.single-banner-slide {
  width: 100vw;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
  z-index: 2;
  height: 620px;
}
.single-banner-slide::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, rgba(2, 60, 74, 1) 0%, rgba(255, 255, 255, 0) 100%);
}

.bordered-heading {position: relative;}
.bordered-heading::before {content: "";position: absolute;left: -20px;top: 0;height: 100%;width: 3px;background-color:#f48120;}

.noticeboard{background:rgba(0, 0, 0, .4);position: relative;margin-top: -80px; z-index: 9;padding: 10px 30px;width: 100%;-webkit-border-radius: 3px;
-moz-border-radius: 3px;border-radius: 3px;border: 1px solid rgba(255, 255, 255, .5);}
.noticeboard {}
.noticeboard .left{float: left;font-weight: 500;color: #fff;margin-right: 20px;padding-right: 20px;border-right: 1px solid #fff;}
.noticeboard .leftnew{float: left;color: #fff;width: 60%;}
#newsticker a{color: #fff;text-decoration: none;}
#newsticker a:hover{color: #f48120;}
.transition {transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-webkit-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;}

#aboutus{padding:80px 0px;background: url(../images/about-bg.png) left top no-repeat;}
#aboutus .abcontent_sec h2{font-size: 28px;text-transform: uppercase;}
#aboutus .abcontent_sec .abcontent{background: #f8f8f8;padding: 20px;border-radius:5px;}
#aboutus .abcontent_sec .abcontent p{margin-bottom: 10px;text-align: justify;}
#aboutus .abcontent_sec .abcontent a{background: #023c4a;padding: 10px 20px;color: #fff;border-radius: 5px;margin-top: 10px;display: inline-block;}
.line_border_left hr {margin-top: 1rem;margin-bottom: 1rem;border: 0;border-top: 2px solid #fcd9bc;width: 100%;}


#ourvision{padding:80px 0px 120px;background: url(../images/ourvision.png) right bottom no-repeat;}
#ourvision .ourvision_sec h3{font-size: 28px;text-transform: uppercase;}
#ourvision .ourvision_sec .ourvisioncontent{background: #023c4a;padding: 60px 120px;position: relative;border-radius:5px;}
#ourvision .ourvision_sec .ourvisioncontent p{margin-bottom: 10px;text-align: center;color: #fff;font-size: 20px;}
#ourvision .ourvision_sec .ourvisioncontent img{position: absolute;bottom:-24px;right: 20px;}


#wwcdfy{background: #f48120;padding: 0px;}
#wwcdfy .imgleft{background: linear-gradient(to right, transparent, #f48120), url(../images/consumer-activations.png);
    background-size: cover;background-position: center;padding: 30px;}
#wwcdfy .wwcdfy_contact{padding:130px 0px;}
#wwcdfy .wwcdfy_contact h5{font-size: 28px;text-transform: uppercase;color: #fff;}
#wwcdfy .wwcdfy_contact p{color: #fff;}



#wwcdfyodd{background: #023c4a;padding: 0px;}
#wwcdfyodd .imgleft2{background: linear-gradient(to left, transparent, #023c4a), url(../images/trade-activations.png);
    background-size: cover;background-position: center;padding: 30px;}
#wwcdfyodd .wwcdfy_contact{padding: 130px 0px;margin-left: 50px;}
#wwcdfyodd .wwcdfy_contact h5{font-size: 28px;text-transform: uppercase;color: #fff;}
#wwcdfyodd .wwcdfy_contact p{color: #fff;}


#wwcdfy .imgleft3{background: linear-gradient(to right, transparent, #f48120), url(../images/corporate-events.png);
    background-size: cover;background-position: center;padding: 30px;}
#wwcdfyodd .imgleft4{background: linear-gradient(to left, transparent, #023c4a), url(../images/visibility-services.png);
    background-size: cover;background-position: center;padding: 30px;}

#services_links{padding:60px 0px;}
#services_links .tread {display: block;}
#services_links .tread ul {}
#services_links .tread ul li {display: inline-block;}
#services_links .tread a {padding: 14px 40px;font-size: 16px;text-decoration: none;--webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;color: #fff;text-transform: none;}
#services_links .tread a.one {background: #023c4a;}
#services_links .tread a.two {background: #f48120;}
#services_links .tread a:hover {color: #fff;}
#services_links .tread a.one:hover {background: #f48120;}
#services_links .tread a.two:hover {background: #023c4a;}   

#clients{width: 100%;background-image: linear-gradient(to right, #f1f2f2 50%, white 50%);padding:100px 0px;} 
#clients h6{font-size: 28px;text-transform: uppercase;margin-bottom: 0px;}
#clients h6 p{margin: 0;}
#clientssec {background: #fff;border-radius:4px;padding: 20px 15px;-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.06);
-moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.06);box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.06);}
#clientssec .owl-dots{position: absolute;right: 0px;bottom: -50px;}
#clients .owl-carousel .owl-item{text-align: center;}
#clients .owl-carousel .owl-item img{text-align: center;display: inline-block;}
#clients .owl-theme .owl-dots .owl-dot.active span{background: #f48120;outline: none;}
#clients .owl-theme .owl-dots .owl-dot {outline: none;}



#testimonials_sec {padding: 80px 0px 90px;}
#testimonials_sec h4{font-size: 28px;text-transform: uppercase;margin-bottom: 0px;}
#testimonials {text-align: center;}
#testimonials .item{}
#testimonials .item .testcont{text-align: center;margin-bottom: 20px;}
#testimonials .item .testcont img{display: inline;background: #fbfbfb;max-width: 130px;}
#testimonials .item .testcont_text{background: #fbfbfb;padding:40px 160px;border-radius: 5px;position: relative;margin-bottom: 25px;}
#testimonials .item .testcont_text .testi_details{margin-top: 20px;}
#testimonials .item .testcont_text:before {content: "";display: block;position: absolute;top: -20px;left:50px;transform: translateX(-50%);width: 55px;height: 45px;background: url("../images/quote_top-01.svg") no-repeat center top;
}
#testimonials .item .testcont_text:after {content: "";display: block;position: absolute;bottom: -20px;right:-20px;transform: translateX(-50%);width: 55px;height: 45px;background: url("../images/quote_bottom-01.svg") no-repeat center top;
}
#testimonials .item .testcont_text .testi_details p{font-weight: 600;color: #000;}
#testimonials .item .testcont_text .testi_details span{font-size: 12px;color:#8d8e8e;display: block;}
#testimonials .item .testcont_text .testi_details span+span{font-size: 10px;color:#515151}
#testimonials .owl-theme .owl-dots .owl-dot.active span{background: #f48120;outline: none;}
#testimonials .owl-theme .owl-dots .owl-dot {outline: none;}

#gallery{padding: 0px 0px 120px;}
#gallery h4{font-size: 28px;text-transform: uppercase;margin-bottom:30px;}
#gallery .image-list {list-style: none;display: flex;flex-wrap: wrap;padding: 0;margin: 0;justify-content: center;align-items: center;}


#gallery .image-container {
    width: 370px; /* Set the desired width */
    height: 210px; /* Set the desired height */
    overflow: hidden; /* Hide any overflow */
    margin: 10px;
  }
#gallery .image-container img {
    width: 100%; /* Make the image cover the entire container */
    height: 100%; /* Make the image cover the entire container */
    object-fit: cover; /* Maintain aspect ratio and cover the container */
  }


#enquiry{background: #023c4a;padding: 50px 0px;}
#enquiry .left{border-left: 1px solid #024b5c;}
#enquiry .get_start_text h6{color: #fff;text-transform: uppercase;font-size: 48px;font-weight: 700;}
#enquiry .get_start_text h6 span{color: #fff;display: block;font-weight:500;}
#enquiry .get_start_text p{margin-bottom: 0px;color: #fff;font-size: 18px;}
#enquiry .get_start_text p span{color: #f48120;}

#contact_sales{padding: 60px 0px;background: url(../images/goal-01.svg) no-repeat right center;}
#contact_sales .get_start_text p{margin-bottom: 0px;color: #000;font-size: 18px;}
#contact_sales .get_start_text p span{color: #f48120;}
#contact_sales .get_start_text p a{color: #f48120;text-decoration: none;}
#contact_sales .border_top_bottom{border-top: 1px solid rgba(2, 60, 74, 0.15);border-bottom: 1px solid rgba(2, 60, 74, 0.15);padding: 20px 0px;}
#contact_sales .button_link ul{margin:0px;text-align: right;}
#contact_sales .button_link ul li{padding: 6px 0 4px;border: 1px solid #023c4a;width: 40px;height: 40px;text-align: center;
display: inline-block;border-radius: 50%;cursor: pointer;}
#contact_sales .button_link ul li:hover{background: #f48120}
#contact_sales .button_link ul li a{color: #023c4a;font-size: 18px;}
#contact_sales .footerlogo{text-align: center;padding: 30px 0px 0px;}
#contact_sales .footerlogo img{max-width: 140px;margin-bottom: 15px;}
#contact_sales .footernote p{font-size: 11px;text-align: center;}

.copyright{border-top: 1px solid #cad7df;padding-top: 20px;background: #01191c;}
.copyright p{color: #ffffff;font-size: 14px;}

.copyright_link{text-align: right;}
.copyright_link ul{}
.copyright_link ul li{display: inline-block;margin-left: 15px;}
.copyright_link  ul li a{color: #ffffff;font-size: 14px;text-decoration: none;}
.copyright_link  ul li a:hover{color: #f48120;font-size: 14px;text-decoration: none;}
a#backToTop {width: 40px;height: 40px;background: #000;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;position: fixed;bottom: 5px;right:2px;display: none;text-indent: -10000px;outline: 0!important;background-image: url(../images/top.png);background-repeat: no-repeat;z-index: 99;}


/*Inner Pages*/

#banner_sec{height: 500px;}

/*inner page css*/
.inner_banner{min-height: 250px;padding-top: 0px;}
.inner_banner .post-thumbnail{height: 450px;overflow: hidden;}

.single-banner-slide-inner {
  height:70vh;
  width: 100vw;
  text-align: left;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
  z-index: 2;overflow: hidden;
}
.single-banner-slide-inner::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(to right, rgba(2, 60, 74, 1) 0%, rgba(255, 255, 255, 0) 100%);
  z-index: 1;
  width: 100%;
  height: 100%;
}
.inner_banner .slidertext .breadcrumb {
    background: none;
    padding: 0;
}

#breadcrumb_section{background:rgba(244, 130, 34, 0.88);;padding: 10px;position: relative;margin-top: -45px;z-index: 99}
ol.bc-ul{
  width: 100%;
}
ol.bc-ul li{
  float: left;
  padding: 0 2px;
  list-style: none;
}
ol.bc-ul li:after{
  content: "\f105"; 
  font-family: FontAwesome;
  padding: 8px;color: #fff;
}
ol.bc-ul li:last-child:after{
  content: "";
  padding: 0px;
}
ol.bc-ul li a{
  color: #fff;
}
ol.bc-ul li a.current{
  color: #fff;
  pointer-events: none;
  cursor: default;
}
ol.bc-ul li a.current:hover{
  text-decoration: none;
}

#services_page{padding: 80px 0px 0px;background: url(../images/about-bg.png) left top no-repeat;}
#services_page .port_des_box{background: #f5f5f5;padding:50px 30px;min-height: 400px;display: flex;
    flex-direction: column;
    justify-content: center;}
#services_page .port_des_box span{font-size:14px;font-weight:300;color: #686868;position: relative;background: #f5f5f5;display: inline-block;}
#services_page .port_des_box2{background: #f5f5f5;padding: 33px 20px;min-height: 400px;}
#services_page .port_des_box2 span{font-size:18px;font-weight: 500;color: #686868;position: relative;background: #f5f5f5;display: inline-block;}

#services_page .port_img_box2{background: #000;}
#services_page .port_des_box2 .services_content{ padding: 20px 20px 0px; }
#services_page .port_des_box2 .services_content h2{font-size:24px;font-weight: 600;color: #111111;position: relative;background: #f5f5f5;display: inline-block;margin: 0;text-transform: uppercase;}
#services_page .port_des_box2 .services_content p{font-size: 15px;}
#services_page .port_des_box2 .services_content h6{font-size:18px;font-weight: 500;color: #111111;position: relative;background: #f5f5f5;display: inline-block;margin: 0;text-transform: uppercase;}
#services_page .port_des_box2 .enquiry a{border: 1px solid #64c5c1;padding: 14px 30px;font-size: 16px;text-decoration:none;-webkit-border-radius: 2px;
-moz-border-radius: 2px;border-radius: 2px;}
#services_page .port_des_box2 .enquiry a:hover{border: 1px solid #64c5c1;background:#64c5c1;color:#fff;}



#services_page .port_img_box{background: #000;}
#services_page .port_des_box .services_content{ }
#services_page .port_des_box .services_content h5{font-size:28px;font-weight: 600;color: #023c4a;position: relative;background: #f5f5f5;display: inline-block;margin-bottom:10px;text-transform: uppercase;}
#services_page .port_des_box .services_content p{font-size: 15px;margin-bottom: 60px;}
#services_page .port_des_box .services_content h6{font-size:18px;font-weight: 500;color: #111111;position: relative;background: #f5f5f5;display: inline-block;margin: 0;text-transform: uppercase;}

#services_page .port_des_box .enquiry_tech{ padding: 10px 20px 0px; }
#services_page .port_des_box .enquiry_tech p{font-size: 13px;}
#services_page .port_des_box .enquiry_tech h6{font-size:18px;font-weight: 500;color: #111111;position: relative;background: #f5f5f5;display: inline-block;margin: 0;text-transform: uppercase;}
#services_page .port_des_box .enquiry{ padding:0px; }
#services_page .port_des_box .enquiry a{border: 1px solid #023c4a;color: #023c4a;padding: 14px 30px;font-size: 16px;text-decoration:none;-webkit-border-radius: 2px;
-moz-border-radius: 2px;border-radius: 2px;}
#services_page .port_des_box .enquiry a:hover{border: 1px solid #64c5c1;background:#64c5c1;color:#fff;}
#services_page .img-wrapper {width: 100%;height: 400px;overflow: hidden;}
#services_page .inner-img {transition: 0.3s;}
#services_page .inner-img:hover {transform: scale(1.1);}



#clients_page{padding: 80px 0px 30px;background: url(../images/about-bg.png) left top no-repeat;}
#clients_page .eventlogo {background: #fbfafa;padding: 20px 0px;text-align: center;}


#gallery_sec{padding: 80px 0px 60px;}
#gallery_sec .heading {text-align: left;}
#gallery_sec .heading h3{font-weight: normal;font-size: 24px;}
#gallery_sec .heading h3 span{font-weight: 600;}
#gallery_sec .heading::after {
  content: "";
  display: block;
  width: 5%;
  border-bottom: 2px solid #f6921e;
  margin-top: 10px;
}

#gallery_sec .item{width: 100%;position: relative;margin-top: 30px;}
#gallery_sec .item a{text-decoration: none;}
#gallery_sec .item a .pf_details{padding:0px;text-align: center;}
#gallery_sec .item a .pf_details .total{position: absolute;background: #f5913d;z-index: 101;padding: 10px;color: #fff;-webkit-border-bottom-right-radius: 5px;-moz-border-radius-bottomright: 5px;border-bottom-right-radius: 5px;}
#gallery_sec .item a .pf_details .img{width: 100%;min-height:260px;position: relative;height: 260px;overflow-y: hidden;}
#gallery_sec .item a .pf_details p{font-size: 20px;font-weight: 600;color: #2b2b2b;padding-top: 15px;}
#gallery_sec .item a .pf_details .pf_details_details p{font-size: 12px;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;width: 225px;text-align: center;margin: 0 auto;font-weight: 300;padding-top:4px;}
#gallery_sec .item a .pf_details .img img {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 99;
}
#gallery_sec .item a .pf_details .img .blur {
    filter: blur(2px);
    -webkit-filter: blur(2px);
}

#gallery_sec .item a .item a .pf_details .img {
    width: 100%;
    min-height: 200px;
    position: relative;
    height: 200px;
    overflow-y: hidden;
}


#gallery_sec .package-one {
    border-radius:10px;
    overflow: hidden;
    position: relative;
    border: 5px solid rgba(217, 217, 217, .1);
    transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    
}
#gallery_sec .package-one:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
#gallery_sec .package-one .img-wapper {
    overflow: hidden;
    position: relative;
}
#gallery_sec .package-one .img-wapper img {
    display: block;
    width: 100%;
    transform: scale(1.1);
    transition: all 0.3s ease-in-out;
}
#gallery_sec .package-one:hover .img-wapper img {
    transform: scale(1);
}
#gallery_sec .package-one .package-content {
    padding: 5px 10px 5px;
    background: #023c4a;
}
#gallery_sec .package-one .package-content h3 {
    padding:20px 0px 10px;
    transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    line-height: 20px;
    text-align: center;
}
#gallery_sec .package-one .package-content h3 a{color:#fff;font-size:18px;text-decoration: none;
  display: inline-block;width: 340px;white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}
#gallery_sec .package-one .package-content h3 span{color:#f7931e;font-size:12px;text-decoration: none;float: right;
  margin-top:0px;font-weight:600}


.contactpagedtls{padding: 30px;background: #fff;border-right: 1px solid #f1efef;
  box-shadow: 0 25px 45px rgba(1, 2, 2, 0.12);
  -webkit-border-top-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
.contactpagedtls .headingc h3 {
    position: relative;
    text-transform: uppercase;
    margin-bottom: 0;
    border-bottom: 1px dashed #3a5464;
    padding-bottom: 10px;
    display: block;
}
.contactpagedtls hr {
    margin-top: 19px;
    margin-bottom: 19px;
    border: 0;
    border-top: 1px solid rgb(195 192 192 / 10%);
}
.contactpagedtls .cont-details a {
    color: #58595b;
}
address{font-size: 16px;color: #58595b;margin: 0px;}
address strong{text-transform: uppercase;font-size: 18px;}
.padding {
    padding:60px 30px;
    background:#023c4a;
}