.sec-title { margin:0; padding:0; }
.sec-title h2 { margin:0; padding:0; font-family: Inter;font-weight: 600;font-size: 40px; line-height:46px;
letter-spacing: 3%; text-align: center; }


/*inner-banner*/

.inner-banner { margin:0; padding:0; width: 100%; height:650px;position: relative;}
.inner-banner .bannerImg { margin:0; padding:0; position: relative;width: 100%;height: 100%;z-index: 1;}
.inner-banner .bannerImg img {   width: 100%;height: 100%;}

.inner-banner .banner-text { margin:0; padding:0; position: absolute;left: 0;top: 0;z-index: 5;width: 100%;height: 100%;background: transparent;}
.inner-banner .banner-text .container {   height: 100%;}
.inner-banner .banner-text .textsec { margin:0; padding:116px 0 0 0; display: flex;align-items: start;justify-content: center;flex-direction: column;width: 69%;/*! height: 100%; */}
.inner-banner .banner-text .textsec h1 { margin:0; padding:0 0 20px 0; font-family: Inter;font-weight: 600;font-size: 55px;line-height: 74px;letter-spacing: 0%;text-transform: capitalize;color: #fff;display: block;}
.inner-banner .banner-text .textsec p { margin:0; padding:0; font-family: Inter;font-weight: 400;font-size: 24px;line-height: 40px;letter-spacing: 0%;text-transform: capitalize;color: #fff;}


/*inner-banner*/

/*--section-ourservice--*/

.section-ourservice { margin:0; padding:45px 0; background: #eaf1ff; }
.section-ourservice .itemtop { margin:0; padding:0; }
.section-ourservice .itemtop .item-row { }

.section-ourservice .itemtop .colrightsec { padding-left:40px; }


.section-ourservice .itemtop .item-left { margin:0; padding:18px; background: #fff;border-radius: 30px;}
.section-ourservice .itemtop .item-left .sec-title { margin:0; padding:0 0 0 18px; display: block;font-family: Inter;font-weight: 500;font-size: 25px;line-height: 40px;letter-spacing: 0%;text-transform: capitalize;color: #000;}

.section-ourservice .itemtop .item-left .serviclist { margin:0; padding:0; }
.section-ourservice .itemtop .item-left .serviclist ul { margin:0; padding:11px 0 0 0; }

.section-ourservice .itemtop .item-left .serviclist ul li { margin:0; padding:0; display: block; position: relative; transition:all 0.3s; }
.section-ourservice .itemtop .item-left .serviclist ul li .icon { margin:0; padding:0; position:absolute; right:21px; top:50%; transform: translatey(-50%);}

.section-ourservice .itemtop .item-left .serviclist ul li .icon img { object-fit:contain; max-width:100%; }

.section-ourservice .itemtop .item-left .serviclist ul li a {   margin: 2px 0;  padding: 18px 39px 18px 20px;   display: block;
    font-family: Inter; font-weight: 500;   font-size: 15px;    line-height: 21px;
    letter-spacing: -2%;    text-transform: uppercase;  color: #38395F; border-radius: 50px; transition:all 0.3s; }

.section-ourservice .itemtop .item-left .serviclist ul li a span { margin:0; padding:0 5px 0 0;
 display: inline-block; transition:all 0.3s; }

.section-ourservice .itemtop .item-left .serviclist ul li.active .icon img { filter: brightness(0) invert(1); }
.section-ourservice .itemtop .item-left .serviclist ul li.active a { background:#38395F; color:#fff; }

.section-ourservice .itemtop .item-left .serviclist ul li:hover a { background:#38395F; color:#fff; }
.section-ourservice .itemtop .item-left .serviclist ul li:hover .icon img { filter: brightness(0) invert(1); }

.section-ourservice .itemtop .item-right { margin:0; padding:0; }
.section-ourservice .itemtop .item-right h2 { margin:0; padding:0; font-family: Inter;font-weight: 500;font-size: 32px;line-height: 40px;letter-spacing: -2%;color: #00112E;}


.section-ourservice .itemtop .item-right .paragraph-text { margin:0; padding:18px 0 0 0; }

.section-ourservice .itemtop .item-right p:first-child { position:relative; padding: 0 0 0 52px !important;} 
.section-ourservice .itemtop .item-right:first-child p span { position:absolute;  left:0; top:0; } 

.section-ourservice .itemtop .item-right .paragraph-text p { margin:0; padding:7px 0 0 0; font-family: Inter;font-weight: 500;font-size: 16px;line-height: 27px;letter-spacing: 0%;text-transform: lowercase;color: #475876;width: 100%;}
.section-ourservice .itemtop .item-right .paragraph-text p span { margin:0; padding:0; display: inline-flex;width: 46px;height: 49px;border-radius: 11px;background: #38395F;font-family: Inter;font-weight: 500;font-size: 32px;line-height: 40px;letter-spacing: -2%;text-transform: uppercase;align-items: center;justify-content: center;color: #fff;position: absolute;left: 0;}


.section-ourservice .itemtop .item-right .listview { margin:0; padding:40px 0 0 0; display: flex;}


.section-ourservice .itemtop .item-right .listview ul:first-child { padding:0 15px 0 0; }

.section-ourservice .itemtop .item-right .listview ul { margin:0; padding:0; font-family: Inter;font-weight: 500;font-size: 16px;line-height: 40px;letter-spacing: 0%;text-transform: capitalize;color: #00112E;width: 50%;}
.section-ourservice .itemtop .item-right .listview ul li { margin:0; padding:9px 0 9px 23px; display: block;
    font-family: Inter;font-weight: 500;font-size: 16px;line-height: 23px;letter-spacing: 0%;
    text-transform: capitalize; position: relative; }

.section-ourservice .itemtop .item-right .listview ul li::after {   content: "";    width: 100%;
    height: 100%;   position: absolute; left: 0;    top: 13px;
    background: url(../media/icons/tict-mark-blue-box.png);
    background-size: 17px;  background-position: left top;  background-repeat: no-repeat;
    z-index: 5; }



.section-ourservice .itembotom {    margin: 0;  padding: 13px 0 0 0; }
.section-ourservice .itembotom .colrightsec { padding-left:40px; }
.section-ourservice .itembotom .item-left { margin:0; padding:0;  width: 100%;height: 370px;border-radius: 32px;overflow: hidden;position: relative;}
.section-ourservice .itembotom .item-left img {  width: 100%;height: 100%;object-fit: cover;}
.section-ourservice .itembotom .item-left .imgsec { margin:0; padding:40px;  position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #000;display: flex;align-items: center;justify-content: end;flex-direction: column;background: #38395E;background: linear-gradient(0deg,rgb(56, 57, 94) 0%, rgba(56, 57, 94, 0.44) 80%);}
.section-ourservice .itembotom .item-left .imgsec .icons { margin:0; padding:8px;  width: 69px;height: 69px;display: inline-flex;background: #FFF;border-radius: 50px;align-items: center;justify-content: center;}
.section-ourservice .itembotom .item-left .imgsec .icons img {  width: 39px;height: 39px;object-fit: contain;}

.section-ourservice .itembotom .item-left .imgsec p { margin:0; padding:16px 0;  font-family: Inter;font-weight: 500;font-size: 19px;line-height: 27px;letter-spacing: 0%;text-align: center;color: #fff;max-width: 100%;}
.section-ourservice .itembotom .item-left .imgsec a { margin:0; padding:0;  font-family: Inter;font-weight: 600;font-size: 21px;line-height: 27px;letter-spacing: 2%;text-align: center;color: #fff;}


.section-ourservice .itembotom .item-right { margin:0 -7px; padding:0; display: flex;}
.section-ourservice .itembotom .item-right .itemimg { margin:0 7px; padding:0; width: 50%;height: 370px;border-radius: 32px;overflow: hidden;}
.section-ourservice .itembotom .item-right .itemimg img {  width: 100%;height: 100%;object-fit: cover;}

/*--section-ourservice--*/

/*--global-service-routes--*/

.global-service-routes { margin:0; padding:0; background: #eaf1ff; }
.global-service-routes .sec-title {  padding-bottom: 29px;}
.global-service-routes .sec-title h2 {  color: #030303;}
.global-service-routes .imgbd { margin:0; padding:0; width: 100%;height: 550px;border-radius: 32px;overflow: hidden;}
.global-service-routes .imgbd img { width: 100%;height: 100%;object-fit: cover;}


/*--global-service-routes--*/

/*tanker-project-gallery*/

.tanker-project-gallery {   margin: 0;  padding: 40px 0;    background: #eaf1ff; }
.tanker-project-gallery .sec-title {  padding-bottom: 30px;}
.tanker-project-gallery .sec-title h2 { color: #030303; text-transform: uppercase; }

.tanker-project-gallery .gallerybd { margin:0; padding:0; }
.tanker-project-gallery .gallerybd .colsec { margin-bottom:30px; }

.tanker-project-gallery .gallerybd .imgdb {margin:0; padding:0;  width: 100%;height: 257px;overflow: hidden;border-radius: 34px;position: relative;}
.tanker-project-gallery .gallerybd .imgdb .figure {margin:0; padding:0; width: 100%;height: 100%;}
.tanker-project-gallery .gallerybd .imgdb .figure img {  width: 100%;height: 100%;object-fit: cover;}
.tanker-project-gallery .gallerybd .imgdb .iconbtn {margin:0; padding:0; 
    position: absolute;right: 74px;bottom: 29px;width: 55px;height: 70px; }

.tanker-project-gallery .gallerybd .imgdb .iconbtn::after { content: "";    width: 99px;height: 79px;   position: absolute; left: 0;    bottom: -35px;
    background: url(../media/icons/round-shape-white.png);
    background-size: contain;   background-position: right bottom;  background-repeat: no-repeat;
    z-index: 5; }

.tanker-project-gallery .gallerybd .imgdb .iconbtn .arrowicon {margin:0; padding:0; width: 40px; 
    height: 40px;display: inline-block;background: #38395F;border-radius: 50px; 
    transition: all 0.3s; display: flex;align-items: center;justify-content: center;position: absolute;z-index: 6;left: 27px;bottom: -28px;cursor: pointer;}
.tanker-project-gallery .gallerybd .imgdb:hover .iconbtn .arrowicon { background:#98A2DB; }
.tanker-project-gallery .gallerybd .imgdb .iconbtn .arrowicon img { max-width:100%; }



/* Popup base styles */
        .tanker-project-gallery .popup-overlay {
            position: fixed;
            top: 0; left: 0;
            width: 100%; height: 100%;
            background: rgba(0,0,0,0.8);
            display: none;
            justify-content: center;
            align-items: center;
            z-index: 999;
        }

        .tanker-project-gallery .popup-content {
            position: relative;
            background: white;
            border-radius: 10px;
            padding: 10px;
            max-width: 80%;
            max-height: 80%;
            transform: scale(0.8);
            opacity: 0;
            transition: all 0.3s ease;
        }

        .tanker-project-gallery .popup-content img {
            width: 100%;
            height: auto;
            border-radius: 10px;
        }

        .tanker-project-gallery .popup-close {
            position: absolute;
            top: -16px;
            right: -15px;
            background: #38395f;
            color: white;
            border: none;
            border-radius: 50%;
            width: 36px;
            height: 36px;
            font-weight: bold;
            cursor: pointer;
            font-size: 25px;
            line-height: 28px;
        }

        /* Animation classes */
        .tanker-project-gallery .popup-overlay.active {
            display: flex;
        }

        .tanker-project-gallery .popup-overlay.show .popup-content {
            transform: scale(1);
            opacity: 1;
        }

        .tanker-project-gallery .popup-overlay.hide .popup-content {
            transform: scale(0.8);
            opacity: 0;
        }


/*tanker-project-gallery*/

/*tranher-whychooseus*/

.tranher-whychooseus { margin:0; padding:0; background: #eaf1ff;}
.tranher-whychooseus .sec-title {  padding-bottom: 60px;}
.tranher-whychooseus .sec-title h2 { color:#030303; text-transform:uppercase;  }

.tranher-whychooseus .item-left { margin:0; padding:0; } 
.tranher-whychooseus .item-left .nav { margin:0; padding:0; border: 0;display: block;} 

.tranher-whychooseus .item-left .nav .nav-link {    margin: 0 0 18px 0;    padding: 20px 24px;
    border: 0; display: block; font-family: Inter;
    font-weight: 600; font-size: 16px; line-height: 22px;
    letter-spacing: 3%; text-align: left; text-transform: capitalize;
    border-radius: 50px; color: #38395F;  position: relative;
    border: 1px solid #BBC6D7; }

.tranher-whychooseus .item-left .nav .nav-link.active { background:#fff; border:1px solid #fff; } 

.tranher-whychooseus .item-left .nav .nav-link .arroicon { margin:0; padding:0; position: absolute;right: 6px; 
    top: 50%;width: 50px;height: 50px;background: #38395F;border-radius: 50px;
    display: flex;align-items: center;
    justify-content: center;transform: translatey(-50%); } 


.tranher-whychooseus .item-right { margin:0; padding:0; }
.tranher-whychooseus .item-right .tab-content { margin:0; padding:0; }
.tranher-whychooseus .item-right .tab-content .tab-pane { margin:0; padding:0; }

.tranher-whychooseus .item-right .tab-content .tab-pane .text-tab-bd { margin: 0;
 padding: 0 0 0 50px; display: flex; flex-wrap: wrap;
  align-items: center; justify-content: space-between; }

.tranher-whychooseus .item-right .tab-content .tab-pane .text-tab-bd .figure { margin:0; padding:0; width: 400px;height: 416px;border-radius: 32px;overflow: hidden;}
.tranher-whychooseus .item-right .tab-content .tab-pane .text-tab-bd .figure img {  width: 100%;height: 100%;object-fit: cover;}

.tranher-whychooseus .item-right .tab-content .tab-pane .text-tab-bd .item-text {  margin:0; padding:0 0 0 80px; width: 57%;}
.tranher-whychooseus .item-right .tab-content .tab-pane .text-tab-bd .item-text h3 {  margin:0; padding:0 0 19px 0; font-family: Inter;font-weight: 500;font-size: 32px;line-height: 45px;letter-spacing: 3%;text-transform: capitalize;color: #000;}
.tranher-whychooseus .item-right .tab-content .tab-pane .text-tab-bd .item-text p {  margin:0; padding:0; font-family: Inter;font-weight: 500;font-size: 15px;line-height: 25px;letter-spacing: 0%;text-transform: capitalize;color: #6A7391;}
.tranher-whychooseus .item-right .tab-content .tab-pane .text-tab-bd .item-text ul {  margin:0; padding:27px 0 0 0; }
.tranher-whychooseus .item-right .tab-content .tab-pane .text-tab-bd .item-text ul li {  margin:0; 
    padding:8px 0 8px 34px; font-family: Inter;font-weight: 500;font-size: 15px;
    line-height: 25px;letter-spacing: 1%;text-transform: capitalize;
    color: #011938;display: block; position: relative; }

.tranher-whychooseus .item-right .tab-content .tab-pane .text-tab-bd .item-text ul li::after {
    content: ""; width:18px; height:18px; position: absolute;
    left: 0; top: 14px; background: url(../media/icons/round-tict.png);
    background-size:17px; background-position:left top;
    background-repeat: no-repeat; background-size:contain;
    z-index: 5; }

/*tranher-whychooseus*/


/*--blog-andarticle--*/

.blog-andarticle { margin:0; padding:40px 0; background:#eaf1ff; }
.blog-andarticle .sec-title { margin:0; padding:0 0 28px 0; }
.blog-andarticle .sec-title h2 { margin:0; padding:0; text-transform: uppercase;}

.blog-andarticle .colleftsec { margin:0 21px 0 0; padding:0;  display: flex;align-items: center;flex-wrap: wrap;min-height: 511px;background: #fff;border-radius: 32px;overflow: hidden;position: relative;}
.blog-andarticle .colleftsec .img-figure { margin:0; padding:0;  width: 410px;}
.blog-andarticle .colleftsec .img-figure img {  width: 100%;height: 100%;border-radius: 32px;}

.blog-andarticle .colleftsec .text-sec { margin:0; padding:20px 20px;  width: 52%;height: 100%;}

.blog-andarticle .colleftsec .text-sec .left-dtext { margin:0; padding:0 0 9px 0;  font-family: Inter; 
    font-weight: 500;font-size: 13px;line-height: 100%;letter-spacing: 3%;text-align: left;
    text-transform: uppercase;color: #666666;display: block; }

.blog-andarticle .colleftsec .text-sec h4 { margin:0 0 10px 0; padding:0 0 18px 0;  font-family: Inter; 
    font-weight: 500;font-size: 25px;line-height: 33px;letter-spacing: 5%;
    text-transform: capitalize;color: #000;border-bottom: 1px solid #E5E8EB; }

.blog-andarticle .colleftsec .text-sec p { margin:0; padding:0;  font-family: Inter;font-weight: 500;
    font-size: 15px;line-height: 21px;letter-spacing: 3%;color: #6F7591;}

.blog-andarticle .colleftsec .iconbtn { margin: 0;padding: 0;position: absolute;right: 72px;bottom: -1px; 
    transition: all 0.3s; }

.blog-andarticle .colleftsec .iconbtn::after { content: ""; width: 230px;
    height: 102px;    position: absolute;    right: -43px;
    bottom: -23px;    background: url(../media/icons/btn-shabe02.png);
    background-size: contain;    background-position: right bottom;    background-repeat: no-repeat; z-index: 5; }

.blog-andarticle .colleftsec .iconbtn .btnbd { margin:0; padding:16px 67px 16px 20px; 
 display: flex;background: #fff;position: relative;z-index: 9; 
 width: 100%;border-radius: 50px;font-family: Inter;font-weight: 600; font-size: 14px; line-height: 21px; 
 letter-spacing: 0%;/*! text-transform: capitalize; */color: #38395F;bottom: 8px; transition: all 0.3s; }

.blog-andarticle .colleftsec .iconbtn .btnbd .arrowicon { margin:0; padding:0; 
 font-family: Inter;font-weight: 500;font-size: 13px;line-height: 100%; 
 letter-spacing: 3%;text-align: left;text-transform: uppercase; 
 color: #666666;display: block;width: 38px;height: 38px;right: 9px; 
 top: 50%;background: #38395F;display: flex;align-items: center;justify-content: center; 
 border-radius: 50px;transform: translatey(-50%);position: absolute;}



.blog-andarticle .colleftsec .iconbtn .btnbd:hover  .arrowicon {
    background: #95A2D6; }

.blog-andarticle .colleftsec .iconbtn .btnbd .arrowicon img {  }

.blog-andarticle .colright { margin:0; padding:0; }
.blog-andarticle .colright .item-col { margin:0; padding:11px 0; display: flex;align-items: center;flex-wrap: wrap;border-bottom: 1px solid #D2DBEB;}
.blog-andarticle .colright .item-col .lt-img { margin:0; padding:0; display: block;width: 116px;height: 107px;border-radius: 20px;overflow: hidden;}
.blog-andarticle .colright .item-col .lt-img img {  width: 100%;height: 100%;object-fit: cover;}


.blog-andarticle .colright .item-col .text { margin:0; padding:0 0 0 20px; width: 72%;}
.blog-andarticle .colright .item-col .text .calen { margin:0; padding:2px 0; display: block;font-family: Inter;font-weight: 500;font-size: 14px;line-height: 20px;letter-spacing: 0%;text-transform: uppercase;color: #666666;}
.blog-andarticle .colright .item-col .text .calen img {  max-width: 100%;padding-right: 2px;}
.blog-andarticle .colright .item-col .text .user { margin:0; padding:2px 0; font-family: Inter;font-weight: 500;font-size: 13px;line-height: 20px;letter-spacing: 0%;text-transform: uppercase;color: #666666;display: block;}
.blog-andarticle .colright .item-col .text .user img {  max-width: 100%;padding-right: 2px;}
.blog-andarticle .colright .item-col .text h5 { margin:0; padding:6px 0 0 0; font-family: Inter;font-weight: 500;font-size: 22px;line-height: 29px;letter-spacing: 0%;text-transform: capitalize;color: #001837;}


/*--blog-andarticle--*/