/* style.css */


*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

body{
  font-family:'Inter',sans-serif;
  background:#fff;
  color:#111;
  overflow-x:hidden;
}

.container{
  width:88%;
  margin:auto;
}

/* GLOBAL FONT */

body{
    font-family:"Roboto", Sans-serif;
}

/* ================= NAVBAR ================= */

.navbar{
  width:100%;
  height:90px;
  background:#0B594D;
  display:flex;
  align-items:center;
}

.nav-container{
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.logo img{
  width:170px;
}

.nav-links{
  display:flex;
  gap:56px;
}

.nav-links a{
  color:#fff;
  text-decoration:none;
  font-size:16px;
  font-weight:600;
}

.nav-right{
  display:flex;
  align-items:center;
  gap:42px;
}

.connect-btn{
  width:146px;
  height:48px;
  border-radius:40px;
  border:none;
  background:#fff;
  color:#0B594D;
  font-size:17px;
  font-weight:700;
  cursor:pointer;
}

.search-icon{
  color:#fff;
  font-size:24px;
  cursor:pointer;
}

/* ================= CONTACT ================= */

.contact-section{
  background:#f5f5f5;
  padding:90px 0;
}

.contact-wrapper{
  display:grid;
  grid-template-columns:1fr 1.4fr;
  gap:90px;
}

.contact-left h1{
  font-size:62px;
  line-height:1.1;
  font-weight:800;
  color:#2c2c2c;
  margin-bottom:28px;
}

.contact-left p{
  font-size:19px;
  color:#5a5a5a;
  line-height:1.7;
  max-width:430px;
  margin-bottom:70px;
}

.contact-mini-grid{
  display:flex;
  gap:64px;
  margin-bottom:42px;
}

.contact-mini-grid h3{
  font-size:24px;
  font-weight:800;
  margin-bottom:10px;
}

.contact-mini-grid a{
  text-decoration:none;
  color:#7b7b7b;
  font-size:18px;
  border-bottom:1px solid #cfcfcf;
  padding-bottom:14px;
  display:inline-block;
}

.social-icons{
  display:flex;
  gap:12px;
}

.social-icons a{
  width:42px;
  height:42px;
  border-radius:50%;
  background:#000;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  text-decoration:none;
  font-size:16px;
}

.contact-form{
  width:100%;
}

.input-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:38px 30px;
}

.input-group label,
.textarea-group label{
  display:block;
  font-size:16px;
  font-weight:600;
  margin-bottom:22px;
}

.input-group label span,
.textarea-group label span{
  color:red;
}

.input-group input{
  width:100%;
  border:none;
  border-bottom:1px solid #c6c6e4;
  background:transparent;
  height:40px;
  font-size:16px;
  outline:none;
}

.mobile-wrap{
  display:flex;
  flex-direction:column;
}

.country-code{
  font-size:18px;
  margin-bottom:6px;
  color:#000;
  display:flex;
  align-items:center;
  gap:8px;
}

.textarea-group{
  margin-top:34px;
}

.textarea-group textarea{
  width:100%;
  height:110px;
  border:none;
  border-bottom:1px solid #c6c6e4;
  background:transparent;
  resize:none;
  outline:none;
}

.enquire-btn{
  margin-top:42px;
  width:170px;
  height:48px;
  background:#000;
  color:#fff;
  border:none;
  border-radius:10px;
  font-size:20px;
  font-weight:600;
  cursor:pointer;
}

/* ================= CERTIFICATIONS ================= */

.certification-section{
  background:#fff;
  padding:50px 0;
}

.certification-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  flex-wrap:wrap;
}

.certification-row img{
  height:75px;
  object-fit:contain;
}

/* ================= WORK SECTION ================= */

.work-section{
  background:#003A59;
  padding:82px 0;
  text-align:center;
}

.work-container{
  max-width:920px;
}

.work-section h2{
  color:#fff;
  font-size:58px;
  font-weight:800;
  margin-bottom:34px;
}

.work-section p{
  color:#fff;
  font-size:18px;
  line-height:1.8;
  margin-bottom:42px;
}

.work-section button{
  width:120px;
  height:48px;
  background:#fff;
  border:none;
  border-radius:8px;
  color:#0B594D;
  font-size:18px;
  font-weight:700;
  cursor:pointer;
}

/* ================= OFFICE ================= */

.office-section{
  background:#f7f7f7;
  padding:80px 0 110px;
}

.visit-btn{
  width:145px;
  height:40px;
  border:none;
  border-radius:40px;
  background:#0B594D;
  color:#fff;
  font-size:16px;
  font-weight:700;
  margin-bottom:38px;
}

.office-section h2{
  font-size:60px;
  margin-bottom:60px;
  color:#1c1c1c;
}

.office-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:70px 130px;
}

.office-box h3{
  font-size:28px;
  font-weight:800;
  margin-bottom:18px;
}

.office-box p{
  font-size:18px;
  line-height:1.7;
  color:#222;
}
/* ================= EXACT FOOTER ================= */

.footer{
    background:#01443d;
    width:100%;
    overflow:hidden;
}

.footer-main{
    width:100%;
    padding-top:82px;
    padding-bottom:70px;
}

.footer-container{
    width:1085px;
    margin:0 auto;
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
}

/* ================= LEFT ================= */

.footer-left{
    width:295px;
}

.footer-logo{
    width:190px;
    margin-bottom:28px;
}

.transform-text{
    font-size:17px;
    font-weight:500;
    color:#ffffff;
    margin-bottom:112px;
    letter-spacing:-0.2px;
}

.location-title{
    font-size:23px;
    font-weight:700;
    color:#ffffff;
    margin-bottom:34px;
}

.location-row{
    display:flex;
    align-items:center;
    gap:15px;
    margin-bottom:38px;
}

.location-row span{
    color:#ffffff;
    font-size:16px;
    font-weight:500;
    line-height:1;
}

.footer-social{
    display:flex;
    align-items:center;
    gap:12px;
}

.footer-social a{
    width:33px;
    height:33px;
    background:#ffffff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#01443d;
    font-size:14px;
    text-decoration:none;
}

/* ================= RIGHT ================= */

.footer-right{
    width:705px;
    display:flex;
    justify-content:space-between;
}

.footer-column{
    min-width:120px;
}

.footer-column h3{
    color:#ffffff;
    font-size:22px;
    font-weight:700;
    margin-bottom:38px;
    line-height:1;
}

.footer-column a{
    display:block;
    text-decoration:none;
    color:#ffffff;
    font-size:17px;
    font-weight:500;
    margin-bottom:34px;
    line-height:1;
}

/* ================= CONNECT ================= */

.connect-column{
    width:214px;
    margin-bottom:70px;
}

.connect-title{
    color:#8bc4d8;
    font-size:24px;
    font-weight:700;
    line-height:1;
    margin-bottom:18px;
}

.connect-line{
    width:213px;
    height:2px;
    background:#9cc4d0;
}

/* ================= BOTTOM ================= */

.footer-bottom{
    width:100%;
    height:58px;
    background:#ececec;
    display:flex;
    align-items:center;
}

.bottom-container{
    width:1085px;
    margin:0 auto;
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.copyright{
    color:#000;
    font-size:15px;
    font-weight:400;
}

.bottom-links{
    display:flex;
    align-items:center;
    gap:38px;
}

.bottom-links a{
    color:#000;
    text-decoration:none;
    font-size:15px;
    font-weight:400;
}

/* ================= BACK TO TOP ================= */

.scroll-top{
    position:fixed;
    right:12px;
    bottom:16px;
    width:35px;
    height:35px;
    background:#022f2b;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:14px;
    border-radius:2px;
    cursor:pointer;
}

/* GLOBAL TYPOGRAPHY */

body{
    font-family:"Roboto", Sans-serif;
    font-weight:400;
}

/* REMOVE ALL BOLD WEIGHTS */

h1,h2,h3,h4,h5,h6,
p,
a,
span,
button,
li,
label,
input,
textarea{
    font-weight:400;
}

/* OPTIONAL MEDIUM WEIGHT ONLY WHERE NEEDED */

.nav-links a,
.connect-btn,
.footer-column h3,
.location-title{
    font-weight:500;
}

/* logo size*/

.logo img{
    width:120px;
}

.footer-logo{
    width:140px;
}

/* PHONE INPUT EXACT STYLE */

.phone-input{
    width:100%;
    height:42px;
    border:none;
    border-bottom:1px solid #cfcfe8;
    background:transparent;
    font-size:18px;
    font-family:"Roboto", Sans-serif;
    outline:none;
    padding-left:95px !important;
}

/* DROPDOWN AREA */

.iti{
    width:100%;
}

.iti__selected-flag{
    padding-left:0;
    background:transparent !important;
}

.iti__selected-flag:hover{
    background:transparent !important;
}

/* COUNTRY DROPDOWN */

.iti__country-list{
    width:350px;
    border:none;
    border-radius:0;
    box-shadow:0 4px 18px rgba(0,0,0,0.12);
    font-family:"Roboto", Sans-serif;
}

/* COUNTRY ITEM */

.iti__country{
    padding:12px 16px;
    font-size:18px;
}

/* FLAG */

.iti__flag{
    transform:scale(1.1);
}

/* DIAL CODE */

.iti__dial-code{
    color:#000;
}

/* SELECTED COUNTRY */

.iti__selected-dial-code{
    font-size:18px;
    color:#000;
}

/* ARROW */

.iti__arrow{
    border-top:6px solid #000;
}


/* IMAGE SIZE */

.brands-full-image{
    width:105%;   /* adjust image size here */
    max-width:1400px;
    display:block;
    margin:auto;
}


/* ================= HERO SECTION ================= */

.hero-section{
    width:100%;
    background:#F5F5F5;
    padding:90px 0 85px;
}

.container{
    width:90%;
    max-width:1320px;
    margin:auto;
}

.hero-content{
    text-align:center;
}

/* HEADING */

.hero-content h1{
    font-size:64px;
    line-height:1.1;
    font-weight:500;
    color:#17396B;
    margin-bottom:26px;
    font-family:"Roboto", sans-serif;
    letter-spacing:-1px;
}

/* DESCRIPTION */

.hero-content p{
    width:100%;
    max-width:980px;
    margin:auto;
    font-size:20px;
    line-height:1.7;
    color:#000;
    font-weight:400;
    font-family:"Roboto", sans-serif;
}

/* BUTTONS */

.hero-buttons{
    margin-top:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:38px;
    flex-wrap:wrap;
}

/* PRIMARY BUTTON */

.primary-btn{
    height:48px;
    padding:0 28px;
    background:#0B5C56;
    border-radius:40px;
    color:#fff;
    text-decoration:none;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:16px;
    font-weight:500;
    font-family:"Roboto", sans-serif;
    box-shadow:0 3px 10px rgba(0,0,0,0.12);
    transition:0.3s;
}

/* SECONDARY BUTTON */

.secondary-btn{
    height:48px;
    padding:0 28px;
    border:1.5px solid #0B5C56;
    border-radius:40px;
    color:#000;
    text-decoration:none;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:16px;
    font-weight:500;
    font-family:"Roboto", sans-serif;
    background:#fff;
    transition:0.3s;
}

/* BADGES */

.hero-badges{
    margin-top:52px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:32px;
    flex-wrap:wrap;
}

.hero-badges img{
    height:90px;
    width:auto;
    object-fit:contain;
}

/* ================= RESPONSIVE ================= */

@media(max-width:991px){

    .hero-section{
        padding:70px 0;
    }

    .hero-content h1{
        font-size:42px;
    }

    .hero-content p{
        font-size:17px;
        line-height:1.7;
    }

    .hero-buttons{
        gap:18px;
    }

    .hero-badges img{
        height:70px;
    }

}


/* ================= STATS SECTION ================= */

.stats-section{
    width:100%;
    background:#f5f5f5;
    padding:90px 0 100px;
}

.stats-container{
    width:1180px;
    margin:auto;
}

.stats-container h2{
    text-align:center;
    font-size:32px;
    line-height:1.3;
    font-weight:700;
    color:#000;
    margin-bottom:70px;

    font-family:"Roboto", sans-serif;
}

/* ROW */

.stats-row{
    display:flex;
    justify-content:space-between;
    gap:40px;
}

/* BOX */

.stat-box{
    flex:1;
    border-left:1px solid #222;
    padding-left:30px;
}

/* NUMBER */

.stat-box h3{
    font-size:48px;
    line-height:1;
    font-weight:700;
    color:#0a3556;
    margin-bottom:12px;

    font-family:"Roboto", sans-serif;
}

/* TEXT */

.stat-box p{
    font-size:18px;
    line-height:1.45;
    font-weight:400;
    color:#000;

    font-family:"Roboto", sans-serif;
}

/* ================= SERVICES SECTION ================= */

.services-section{
    width:100%;
    background:#f5f5f5;
    padding:90px 0;
}

.services-container{
    width:980px;
    margin:auto;
}

/* HEADING */

.services-heading{
    text-align:center;
    font-size:38px;
    font-weight:700;
    color:#000;
    margin-bottom:70px;
    font-family:"Roboto", sans-serif;
}

/* ACCORDION ITEM */

.accordion-item{
    border-bottom:1px solid #222;
    padding:28px 0;
}

/* HEADER */

.accordion-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    cursor:pointer;
    gap:30px;
}

/* TITLE */

.accordion-header h3{
    font-size:20px;
    line-height:1.3;
    font-weight:700;
    color:#1d3d6d;
    font-family:"Roboto", sans-serif;
}

/* BUTTON */

.accordion-btn{
    width:38px;
    height:38px;
    border-radius:50%;
    border:none;
    background:#223d69;
    color:#fff;
    font-size:28px;
    font-weight:500;
    cursor:pointer;
    flex-shrink:0;

    display:flex;
    align-items:center;
    justify-content:center;
}

/* CONTENT */

.accordion-content{
    max-height:0;
    overflow:hidden;
    transition:max-height 0.4s ease, padding 0.4s ease;
}

/* ACTIVE */

.accordion-item.active .accordion-content{
    max-height:500px;
    padding-top:28px;
}

/* TEXT */

.accordion-content p{
    font-size:18px;
    line-height:1.9;
    color:#000;
    margin-bottom:28px;
    font-family:"Roboto", sans-serif;
}

/* BUTTON */

.read-more-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    width:145px;
    height:50px;

    border-radius:40px;
    background:#08395b;

    color:#fff;
    text-decoration:none;

    font-size:18px;
    font-weight:700;

    font-family:"Roboto", sans-serif;
}

/* RESPONSIVE */

@media(max-width:1100px){

    .services-container{
        width:90%;
    }

    .services-heading{
        font-size:32px;
    }

    .accordion-header h3{
        font-size:18px;
    }

}


/* ================= TESTIMONIAL SECTION ================= */

.testimonial-section{
    width:100%;
    background:#f5f5f5;
    padding:90px 0;
}

.testimonial-container{
    width:1180px;
    margin:auto;
}

/* HEADING */

.testimonial-heading{
    text-align:center;
    font-size:38px;
    font-weight:700;
    color:#000;
    margin-bottom:50px;
    font-family:"Roboto", sans-serif;
}

/* WRAPPER */

.testimonial-wrapper{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:40px;
}

/* ARROWS */

.testimonial-arrow{
    border:none;
    background:none;
    font-size:44px;
    cursor:pointer;
    color:#000;
    transition:0.3s;
    flex-shrink:0;
}

.testimonial-arrow:hover{
    opacity:0.6;
}

/* LOGO */

.testimonial-logo-box{
    width:220px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
}

.testimonial-logo-box img{
    width:180px;
    object-fit:contain;
}

/* CONTENT */

.testimonial-content{
    flex:1;
}

.testimonial-content p{
    font-size:18px;
    line-height:1.8;
    color:#3d3d3d;
    margin-bottom:28px;
    font-family:"Roboto", sans-serif;
}

.testimonial-content h4{
    font-size:20px;
    font-weight:700;
    color:#222;
    font-family:"Roboto", sans-serif;
}

/* RESPONSIVE */

@media(max-width:1200px){

    .testimonial-container{
        width:90%;
    }

}

@media(max-width:900px){

    .testimonial-wrapper{
        flex-direction:column;
        text-align:center;
    }

    .testimonial-logo-box{
        width:100%;
    }

}



/* ================= TESTIMONIAL SECTION ================= */

.testimonial-section{
    width:100%;
    background:#f5f5f5;
    padding:90px 0;
}

.testimonial-container{
    width:1180px;
    margin:auto;
}

/* HEADING */

.testimonial-heading{
    text-align:center;
    font-size:38px;
    font-weight:700;
    color:#000;
    margin-bottom:50px;
    font-family:"Roboto", sans-serif;
}

/* SLIDER */

.testimonial-slider{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:40px;
}

/* ARROWS */

.testimonial-arrow{
    border:none;
    background:none;
    font-size:42px;
    color:#000;
    cursor:pointer;
    transition:0.3s;
    flex-shrink:0;
}

.testimonial-arrow:hover{
    opacity:0.5;
}

/* LOGO */

.testimonial-logo{
    width:220px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
}

.testimonial-logo img{
    width:180px;
    object-fit:contain;
}

/* CONTENT */

.testimonial-content{
    flex:1;
}

.testimonial-content p{
    font-size:18px;
    line-height:1.8;
    color:#222;
    margin-bottom:28px;
    font-family:"Roboto", sans-serif;
}

.testimonial-content h4{
    font-size:18px;
    font-weight:700;
    color:#111;
    font-family:"Roboto", sans-serif;
}

/* FADE EFFECT */

.fade{
    animation:fadeEffect 0.5s ease;
}

@keyframes fadeEffect{

    from{
        opacity:0;
        transform:translateY(10px);
    }

    to{
        opacity:1;
        transform:translateY(0px);
    }

}

/* RESPONSIVE */

@media(max-width:1200px){

    .testimonial-container{
        width:90%;
    }

}

@media(max-width:900px){

    .testimonial-slider{
        flex-direction:column;
        text-align:center;
    }

    .testimonial-logo{
        width:100%;
    }

}


/* ================= CTA SECTION ================= */

.cta-section{
    width:100%;
    background:#dff0e7;
    padding:80px 0;
    overflow:hidden;
}

.cta-container{
    width:1180px;
    margin:auto;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:60px;
}

/* LEFT SIDE */

.cta-left{
    width:52%;
}

.cta-left h2{
    font-size:58px;
    line-height:1.35;
    font-weight:700;
    color:#000;
    margin-bottom:35px;

    font-family:"Roboto", sans-serif;
}

.cta-left p{
    font-size:22px;
    line-height:1.7;
    color:#111;
    margin-bottom:42px;

    font-family:"Roboto", sans-serif;
}

/* BUTTON */

.cta-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    width:360px;
    height:72px;

    border-radius:60px;
    background:#00584d;

    color:#fff;
    text-decoration:none;

    font-size:28px;
    font-weight:700;

    font-family:"Roboto", sans-serif;

    box-shadow:0 4px 10px rgba(0,0,0,0.15);

    transition:0.3s ease;
}

.cta-btn:hover{
    transform:translateY(-2px);
    background:#004a40;
}

/* RIGHT SIDE */

.cta-right{
    width:48%;
    display:flex;
    justify-content:flex-end;
}

.cta-right img{
    width:100%;
    max-width:650px;
    object-fit:contain;
}

/* RESPONSIVE */

@media(max-width:1200px){

    .cta-container{
        width:90%;
    }

}

@media(max-width:992px){

    .cta-container{
        flex-direction:column;
        text-align:center;
    }

    .cta-left,
    .cta-right{
        width:100%;
    }

    .cta-left h2{
        font-size:42px;
    }

    .cta-left p{
        font-size:20px;
    }

}

@media(max-width:600px){

    .cta-section{
        padding:60px 0;
    }

    .cta-left h2{
        font-size:34px;
        line-height:1.4;
    }

    .cta-left p{
        font-size:18px;
    }

    .cta-btn{
        width:100%;
        font-size:20px;
        height:60px;
    }

}


/* ================= CTA SECTION ================= */

.cta-section{
    width:100%;
    background:#dff0e7;
    padding:45px 0;
    overflow:hidden;
}

.cta-container{
    width:1120px;
    margin:auto;

    display:flex;
    align-items:center;
    justify-content:center;
    gap:40px;
}

/* LEFT SIDE */

.cta-left{
    width:50%;
    text-align:center;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}

.cta-left h2{
    font-size:26px;
    line-height:1.5;
    font-weight:700;
    color:#000;
    margin-bottom:18px;

    font-family:"Roboto", sans-serif;
}

.cta-left p{
    font-size:15px;
    line-height:1.7;
    color:#111;
    margin-bottom:24px;
    max-width:520px;

    font-family:"Roboto", sans-serif;
}

/* BUTTON */

.cta-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    width:260px;
    height:50px;

    border-radius:40px;
    background:#00584d;

    color:#fff;
    text-decoration:none;

    font-size:16px;
    font-weight:700;

    font-family:"Roboto", sans-serif;

    box-shadow:0 4px 10px rgba(0,0,0,0.12);

    transition:0.3s ease;
}

.cta-btn:hover{
    background:#00473e;
    transform:translateY(-2px);
}

/* RIGHT SIDE */

.cta-right{
    width:50%;
    display:flex;
    justify-content:center;
    align-items:center;
}

.cta-right img{
    width:100%;
    max-width:520px;
    object-fit:contain;
}

/* RESPONSIVE */

@media(max-width:992px){

    .cta-container{
        width:90%;
        flex-direction:column;
    }

    .cta-left,
    .cta-right{
        width:100%;
    }

    .cta-left h2{
        font-size:24px;
    }

}

@media(max-width:600px){

    .cta-section{
        padding:40px 0;
    }

    .cta-left h2{
        font-size:22px;
    }

    .cta-left p{
        font-size:14px;
    }

    .cta-btn{
        width:100%;
    }

}


/* ================= TOOLS SECTION ================= */

.tools-section{
    width:100%;
    background:#f5f5f5;
    padding:70px 0;
}

.tools-container{
    width:1180px;
    margin:auto;

    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:55px;
}

/* LEFT SIDE */

.tools-left{
    width:30%;
    padding-top:10px;
}

.tools-left h2{
    font-size:38px;
    line-height:1.5;
    font-weight:700;
    color:#0d3557;
    margin-bottom:22px;

    font-family:"Roboto", sans-serif;
}

.tools-left p{
    font-size:17px;
    line-height:1.9;
    color:#111;

    font-family:"Roboto", sans-serif;
}

/* RIGHT GRID */

.tools-grid{
    width:70%;

    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:20px;
}

/* CARD */

.tool-card{
    height:86px;
    background:#fff;

    border:1px solid #d9d9d9;
    border-radius:10px;

    display:flex;
    align-items:center;
    justify-content:center;

    transition:0.3s ease;
}

.tool-card:hover{
    transform:translateY(-3px);
    box-shadow:0 8px 20px rgba(0,0,0,0.08);
}

.tool-card img{
    max-width:120px;
    max-height:38px;
    object-fit:contain;
}

/* RESPONSIVE */

@media(max-width:1100px){

    .tools-container{
        width:90%;
        flex-direction:column;
    }

    .tools-left{
        width:100%;
        text-align:center;
    }

    .tools-grid{
        width:100%;
    }

}

@media(max-width:768px){

    .tools-grid{
        grid-template-columns:repeat(2, 1fr);
    }

    .tools-left h2{
        font-size:30px;
    }

}

@media(max-width:500px){

    .tools-grid{
        grid-template-columns:1fr;
    }

}


/* ================= HOW WE WORK SECTION ================= */

.work-section{
    width:100%;
    background:#083148;
    padding:70px 0;
}

.work-container{
    width:1180px;
    margin:auto;
}

/* HEADING */

.work-heading{
    font-size:42px;
    font-weight:700;
    color:#fff;
    margin-bottom:55px;

    font-family:"Roboto", sans-serif;
}

/* GRID */

.work-grid{
    display:grid;
    grid-template-columns:repeat(5, 1fr);
    gap:40px;
}

/* ITEM */

.work-item h3{
    font-size:56px;
    font-weight:700;
    color:#fff;
    margin-bottom:18px;

    font-family:"Roboto", sans-serif;
}

.work-item p{
    font-size:20px;
    line-height:1.5;
    font-weight:700;
    color:#fff;

    font-family:"Roboto", sans-serif;
}

/* RESPONSIVE */

@media(max-width:1100px){

    .work-container{
        width:90%;
    }

    .work-grid{
        grid-template-columns:repeat(2, 1fr);
        gap:50px;
    }

}

@media(max-width:600px){

    .work-section{
        padding:50px 0;
    }

    .work-heading{
        font-size:34px;
        margin-bottom:40px;
    }

    .work-grid{
        grid-template-columns:1fr;
        gap:35px;
    }

    .work-item h3{
        font-size:46px;
    }

    .work-item p{
        font-size:18px;
    }

}

/* ================= HOW WE WORK SECTION ================= */

.work-section{
    width:100%;
    background:#083148;
    padding:55px 0 58px;
}

.work-container{
    width:1240px;
    margin:0 auto;
}

/* HEADING */

.work-heading{
    font-size:24px;
    font-weight:700;
    color:#ffffff;
    margin-bottom:48px;

    font-family:"Roboto", sans-serif;
}

/* GRID */

.work-grid{
    display:grid;
    grid-template-columns:repeat(5, 1fr);
    column-gap:60px;
}

/* ITEM */

.work-item h3{
    font-size:28px;
    line-height:1;
    font-weight:700;
    color:#ffffff;
    margin-bottom:14px;

    font-family:"Roboto", sans-serif;
}

.work-item p{
    font-size:13px;
    line-height:1.55;
    font-weight:700;
    color:#ffffff;

    font-family:"Roboto", sans-serif;
}

/* RESPONSIVE */

@media(max-width:1300px){

    .work-container{
        width:92%;
    }

}

@media(max-width:992px){

    .work-grid{
        grid-template-columns:repeat(2, 1fr);
        row-gap:35px;
    }

}

@media(max-width:600px){

    .work-section{
        padding:45px 0;
    }

    .work-heading{
        font-size:22px;
        margin-bottom:35px;
    }

    .work-grid{
        grid-template-columns:1fr;
        row-gap:30px;
    }

}


/* ================= SUCCESS STORIES ================= */

.stories-section{
    width:100%;
    background:#f5f5f5;
    padding:55px 0;
}

.stories-container{
    width:1180px;
    margin:auto;

    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:40px;
}

/* LEFT SIDE */

.stories-left{
    width:32%;
}

.stories-left h2{
    font-size:38px;
    line-height:1.3;
    font-weight:700;
    color:#08395b;
    margin-bottom:24px;

    font-family:"Roboto", sans-serif;
}

.stories-left p{
    font-size:16px;
    line-height:1.7;
    color:#111;
    margin-bottom:34px;

    font-family:"Roboto", sans-serif;
}

.explore-link{
    font-size:16px;
    font-weight:700;
    color:#08395b;
    text-decoration:underline;

    font-family:"Roboto", sans-serif;
}

/* RIGHT SIDE */

.stories-right{
    width:68%;

    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:22px;
}

/* CARD */

.story-card{
    background:#ffffff;
    padding:40px 32px;
    min-height:435px;
}

/* TAG */

.story-tag{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-width:110px;
    height:32px;

    border-radius:40px;
    background:#9fd9e9;

    color:#000;
    font-size:15px;
    font-weight:500;

    margin-bottom:34px;

    font-family:"Roboto", sans-serif;
}

/* TITLE */

.story-card h3{
    font-size:21px;
    line-height:1.45;
    font-weight:700;
    color:#08395b;
    margin-bottom:22px;

    font-family:"Roboto", sans-serif;
}

/* DESCRIPTION */

.story-card p{
    font-size:16px;
    line-height:1.65;
    color:#111;
    margin-bottom:48px;

    font-family:"Roboto", sans-serif;
}

/* BUTTON */

.story-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    width:118px;
    height:38px;

    border-radius:40px;
    background:#08395b;

    color:#fff;
    text-decoration:none;

    font-size:15px;
    font-weight:700;

    font-family:"Roboto", sans-serif;
}

/* RESPONSIVE */

@media(max-width:1100px){

    .stories-container{
        width:90%;
        flex-direction:column;
    }

    .stories-left,
    .stories-right{
        width:100%;
    }

}

@media(max-width:768px){

    .stories-right{
        grid-template-columns:1fr;
    }

    .stories-left h2{
        font-size:30px;
    }

}



/* ================= FEATURED RESOURCES ================= */

.resources-section{
    width:100%;
    background:#f5f5f5;
    padding:70px 0;
    overflow:hidden;
}

.resources-container{
    width:1180px;
    margin:auto;
}

/* TOP */

.resources-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:34px;
}

/* HEADING */

.resources-heading{
    font-size:36px;
    font-weight:700;
    color:#08395b;

    font-family:"Roboto", sans-serif;
}

/* ARROWS */

.resources-arrows{
    display:flex;
    align-items:center;
    gap:14px;
}

.resource-arrow{
    width:38px;
    height:38px;

    border:none;
    background:transparent;

    font-size:44px;
    color:#8d8d8d;

    cursor:pointer;
    transition:0.3s;

    display:flex;
    align-items:center;
    justify-content:center;
}

.resource-arrow:hover{
    color:#08395b;
}

/* SLIDER */

.resources-slider{
    overflow:hidden;
    width:100%;
}

/* TRACK */

.resources-track{
    display:flex;
    gap:34px;
    transition:transform 0.5s ease;
}

/* CARD */

.resource-card{
    min-width:573px;
    flex-shrink:0;
}

/* IMAGE */

.resource-card img{
    width:100%;
    height:280px;
    object-fit:cover;
    display:block;
}

/* TITLE */

.resource-card h3{
    font-size:20px;
    line-height:1.45;
    font-weight:700;
    color:#111;

    margin-top:18px;

    font-family:"Roboto", sans-serif;
}

/* RESPONSIVE */

@media(max-width:1200px){

    .resources-container{
        width:92%;
    }

    .resource-card{
        min-width:calc(50% - 17px);
    }

}

@media(max-width:768px){

    .resources-heading{
        font-size:28px;
    }

    .resource-card{
        min-width:100%;
    }

    .resource-card img{
        height:220px;
    }

    .resource-card h3{
        font-size:18px;
    }

}
/* ================= FEATURED RESOURCES ================= */

.resources-container{
    width:1180px;
    margin:auto;
}

.resources-track{
    display:flex;
    gap:36px;
}

/* EXACT CARD SIZE */

.resource-card{
    width:570px;
    flex-shrink:0;
}

/* EXACT IMAGE SIZE */

.resource-card img{
    width:570px;
    height:280px;
    object-fit:cover;
    display:block;
}

/* TITLE */

.resource-card h3{
    font-size:19px;
    line-height:1.45;
    font-weight:700;
    color:#111;

    margin-top:18px;

    font-family:"Roboto", sans-serif;
}


/* ================= LATEST BLOGS ================= */

.blogs-section{
    width:100%;
    background:#f5f5f5;
    padding:70px 0 80px;
}

.blogs-container{
    width:1180px;
    margin:auto;
}

/* HEADING */

.blogs-heading{
    font-size:36px;
    font-weight:700;
    line-height:1.2;
    color:#08395b;

    margin-bottom:24px;

    font-family:"Roboto", sans-serif;
}

/* DESCRIPTION */

.blogs-description{
    width:1160px;

    font-size:18px;
    line-height:1.7;
    font-weight:400;
    color:#000;

    margin-bottom:34px;

    font-family:"Roboto", sans-serif;
}

/* GRID */

.blogs-grid{
    display:flex;
    gap:20px;
}

/* CARD */

.blog-card{
    width:calc(33.33% - 14px);
}

/* IMAGE */

.blog-card img{
    width:100%;
    height:250px;
    object-fit:cover;
    display:block;
}

/* TITLE */

.blog-card h3{
    font-size:20px;
    line-height:1.45;
    font-weight:500;
    color:#000;

    margin-top:18px;

    font-family:"Roboto", sans-serif;
}

/* RESPONSIVE */

@media(max-width:1200px){

    .blogs-container{
        width:92%;
    }

    .blogs-description{
        width:100%;
    }

}

@media(max-width:768px){

    .blogs-grid{
        flex-direction:column;
    }

    .blog-card{
        width:100%;
    }

    .blog-card img{
        height:220px;
    }

    .blogs-heading{
        font-size:30px;
    }

    .blogs-description{
        font-size:16px;
    }

}


/* ================= FAQ SECTION ================= */

.faq-section{
    width:100%;
    background:#f5f5f5;
    padding:80px 0 90px;
}

.faq-container{
    width:970px;
    margin:auto;
}

/* HEADING */

.faq-heading{
    text-align:center;

    font-size:38px;
    font-weight:700;
    line-height:1.2;

    color:#08395b;

    margin-bottom:50px;

    font-family:"Roboto", sans-serif;
}

/* FAQ ITEM */

.faq-item{
    border-bottom:1px solid #d6d6d6;
    padding:0;
}

/* QUESTION */

.faq-question{
    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:20px;

    cursor:pointer;

    padding:24px 0;
}

/* QUESTION TEXT */

.faq-question h3{
    font-size:21px;
    font-weight:700;
    line-height:1.5;

    color:#000;

    font-family:"Roboto", sans-serif;
}

/* ICON */

.faq-icon{
    font-size:34px;
    font-weight:400;
    color:#444;

    flex-shrink:0;

    transition:0.3s;
}

/* ANSWER */

.faq-answer{
    max-height:0;
    overflow:hidden;

    transition:max-height 0.4s ease;
}

/* ACTIVE */

.faq-item.active .faq-answer{
    max-height:500px;
}

/* ANSWER TEXT */

.faq-answer p{
    font-size:18px;
    line-height:1.8;
    color:#333;

    padding:0 60px 28px 0;

    font-family:"Roboto", sans-serif;
}

/* RESPONSIVE */

@media(max-width:1100px){

    .faq-container{
        width:90%;
    }

}

@media(max-width:768px){

    .faq-heading{
        font-size:30px;
    }

    .faq-question h3{
        font-size:18px;
    }

    .faq-answer p{
        font-size:16px;
        padding-right:0;
    }

}


/* ================= CONTACT SECTION ================= */

.contact-section{
    width:100%;
    background:#f5f5f5;
    padding:80px 0 100px;
}

.contact-container{
    width:560px;
    margin:auto;
}

/* HEADING */

.contact-heading{
    text-align:center;

    font-size:28px;
    font-weight:700;
    line-height:1.3;

    color:#08395b;

    margin-bottom:18px;

    font-family:"Roboto", sans-serif;
}

/* SUBTEXT */

.contact-subtext{
    text-align:center;

    font-size:15px;
    line-height:1.8;
    color:#111;

    margin-bottom:55px;

    font-family:"Roboto", sans-serif;
}

/* GRID */

.form-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:38px 26px;
}

/* FORM GROUP */

.form-group{
    display:flex;
    flex-direction:column;
}

/* LABEL */

.form-group label{
    font-size:14px;
    font-weight:500;
    color:#000;

    margin-bottom:16px;

    font-family:"Roboto", sans-serif;
}

.form-group label span{
    color:#ff004c;
}

/* INPUT */

.form-group input,
.form-group select{
    width:100%;
    height:42px;

    border:none;
    border-bottom:1px solid #c7c7e7;

    background:transparent;

    font-size:15px;
    color:#111;

    outline:none;

    font-family:"Roboto", sans-serif;
}

/* SELECT */

.form-group select{
    cursor:pointer;
}

/* TEXTAREA */

.full-width{
    margin-top:30px;
}

.full-width textarea{
    width:100%;
    height:90px;

    border:none;
    border-bottom:1px solid #c7c7e7;

    background:transparent;

    resize:none;
    outline:none;

    font-size:15px;
    color:#111;

    padding-top:10px;

    font-family:"Roboto", sans-serif;
}

/* BUTTON */

.submit-btn{
    width:135px;
    height:42px;

    border:none;
    border-radius:7px;

    background:#000;
    color:#fff;

    font-size:16px;
    font-weight:500;

    cursor:pointer;

    margin:32px auto 0;
    display:block;

    transition:0.3s ease;

    font-family:"Roboto", sans-serif;
}

.submit-btn:hover{
    opacity:0.9;
}

/* RESPONSIVE */

@media(max-width:768px){

    .contact-container{
        width:90%;
    }

    .form-grid{
        grid-template-columns:1fr;
    }

    .contact-heading{
        font-size:24px;
    }

}


.form-group select{
    width:100%;
    height:42px;

    border:none;
    border-bottom:1px solid #c7c7e7;

    background:transparent;

    font-size:15px;
    color:#111;

    outline:none;

    cursor:pointer;

    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;

    padding-right:30px;
}


/* ================= JIRA PARTNER SECTION ================= */

.jira-partner-section{
    width:100%;
    background:#f5f5f5;

    padding:55px 20px 45px;
}

.jira-partner-container{
    max-width:1100px;
    margin:0 auto;

    text-align:center;
}

/* HEADING */

.jira-partner-heading{
    font-size:34px;
    line-height:1.5;
    font-weight:700;

    color:#000;

    max-width:760px;

    margin:0 auto 28px;

    font-family:"Roboto", sans-serif;
}

/* TEXT */

.jira-partner-text{
    font-size:15px;
    line-height:2;

    color:#000;

    max-width:1080px;

    margin:0 auto;

    font-family:"Roboto", sans-serif;
}

.jira-partner-text strong{
    font-weight:700;
}

/* RESPONSIVE */

@media(max-width:768px){

    .jira-partner-heading{
        font-size:26px;
        line-height:1.4;
    }

    .jira-partner-text{
        font-size:14px;
        line-height:1.8;
    }

}



/* ================= WHY CHOOSE JIRA ================= */

.why-jira-section{
    width:100%;
    background:#f5f5f5;

    padding:70px 20px 40px;
}

.why-jira-container{
    max-width:1050px;

    margin:0 auto;

    display:flex;
    align-items:center;
    justify-content:center;

    gap:90px;
}

/* IMAGE */

.why-jira-image img{
    width:420px;
    display:block;
}

/* CONTENT */

.why-jira-content{
    max-width:420px;
}

.why-jira-content h2{
    font-size:34px;
    font-weight:700;

    color:#000;

    margin-bottom:28px;

    font-family:"Roboto", sans-serif;
}

/* LIST */

.why-jira-content ul{
    list-style:none;
    padding:0;
    margin:0;
}

.why-jira-content ul li{
    position:relative;

    padding-left:28px;

    margin-bottom:20px;

    font-size:18px;
    line-height:1.5;
    color:#000;

    font-family:"Roboto", sans-serif;
}

/* CHECK ICON */

.why-jira-content ul li::before{
    content:"✔";

    position:absolute;
    left:0;
    top:1px;

    font-size:13px;
    font-weight:700;

    width:18px;
    height:18px;

    border-radius:50%;

    background:#000;
    color:#fff;

    display:flex;
    align-items:center;
    justify-content:center;
}

/* RESPONSIVE */

@media(max-width:991px){

    .why-jira-container{
        flex-direction:column;
        text-align:center;

        gap:45px;
    }

    .why-jira-content ul li{
        text-align:left;
    }

}

@media(max-width:768px){

    .why-jira-section{
        padding:55px 20px;
    }

    .why-jira-image img{
        width:100%;
        max-width:360px;
    }

    .why-jira-content h2{
        font-size:28px;
    }

    .why-jira-content ul li{
        font-size:16px;
    }

}



/* ================= JIRA USE CASES SECTION ================= */

.jira-usecases-section{
    width:100%;
    background:#f5f5f5;

    padding:65px 20px 70px;
}

.jira-usecases-container{
    max-width:1160px;
    margin:0 auto;
}

/* HEADING */

.jira-usecases-heading{
    text-align:center;

    font-size:34px;
    font-weight:700;
    line-height:1.4;

    color:#000;

    margin-bottom:48px;

    font-family:"Roboto", sans-serif;
}

/* GRID */

.jira-usecases-grid{
    display:grid;
    grid-template-columns:repeat(4, 1fr);

    gap:20px;
}

/* CARD */

.jira-card{
    background:#fff;

    border:1px solid #e4e4e4;
    border-radius:14px;

    overflow:hidden;

    padding:38px 28px 28px;

    box-shadow:0 2px 6px rgba(0,0,0,0.05);

    min-height:275px;
}

/* TOP BAR */

.jira-card-top{
    width:100%;
    height:16px;

    background:#87D3E0;

    position:absolute;

    top:0;
    left:0;
}

.jira-card{
    position:relative;
}

.jira-card-top.green{
    background:#6FD0C0;
}

/* IMAGE */

.jira-card img{
    width:70px;
    margin-bottom:26px;
}

/* TITLE */

.jira-card h3{
    font-size:20px;
    line-height:1.4;
    font-weight:700;

    color:#002B4D;

    margin-bottom:18px;

    font-family:"Roboto", sans-serif;
}

/* TEXT */

.jira-card p{
    font-size:16px;
    line-height:1.7;

    color:#000;

    font-family:"Roboto", sans-serif;
}

/* RESPONSIVE */

@media(max-width:1100px){

    .jira-usecases-grid{
        grid-template-columns:repeat(2, 1fr);
    }

}

@media(max-width:768px){

    .jira-usecases-heading{
        font-size:28px;
    }

    .jira-usecases-grid{
        grid-template-columns:1fr;
    }

    .jira-card{
        min-height:auto;
    }

}


/* ================= JIRA PRICING SECTION ================= */

.jira-pricing-section{
    width:100%;
    background:#E8F3F1;

    padding:60px 20px;
}

.jira-pricing-container{
    max-width:1180px;

    margin:0 auto;

    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:80px;
}

/* LEFT CONTENT */

.jira-pricing-content{
    max-width:520px;
}

/* HEADING */

.jira-pricing-content h2{
    font-size:34px;
    line-height:1.5;
    font-weight:700;

    color:#000;

    margin-bottom:34px;

    font-family:"Roboto", sans-serif;
}

/* BUTTON */

.jira-pricing-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    width:180px;
    height:52px;

    border-radius:40px;

    background:#005B57;
    color:#fff;

    text-decoration:none;

    font-size:18px;
    font-weight:700;

    font-family:"Roboto", sans-serif;

    box-shadow:0 4px 10px rgba(0,0,0,0.12);

    transition:0.3s;
}

.jira-pricing-btn:hover{
    background:#014944;
}

/* IMAGE */

.jira-pricing-image img{
    width:420px;
    display:block;
}

/* RESPONSIVE */

@media(max-width:991px){

    .jira-pricing-container{
        flex-direction:column;
        text-align:center;

        gap:45px;
    }

    .jira-pricing-content{
        max-width:100%;
    }

}

@media(max-width:768px){

    .jira-pricing-section{
        padding:50px 20px;
    }

    .jira-pricing-content h2{
        font-size:28px;
    }

    .jira-pricing-image img{
        width:100%;
        max-width:360px;
    }

}

/* LEFT CONTENT */

.jira-pricing-content{
    max-width:520px;

    display:flex;
    flex-direction:column;
    align-items:center;

    text-align:center;
}



/* ================= OUR JIRA SERVICES ================= */

.our-jira-services{
    width:100%;
    background:#f5f5f5;

    padding:65px 20px 70px;
}

.our-jira-services-container{
    max-width:1050px;
    margin:0 auto;
}

/* HEADING */

.our-jira-services-heading{
    text-align:center;

    font-size:34px;
    font-weight:700;

    color:#000;

    margin-bottom:42px;

    font-family:"Roboto", sans-serif;
}

/* GRID */

.our-jira-services-grid{
    display:grid;
    grid-template-columns:1fr 1fr;

    gap:46px;
}

/* RIGHT BORDER */

.right-column{
    border-left:2px solid #cfcfcf;

    padding-left:46px;
}

/* SERVICE ITEM */

.service-item{
    margin-bottom:48px;
}

.service-item:last-child{
    margin-bottom:0;
}

/* TITLE */

.service-item h3{
    font-size:22px;
    line-height:1.4;
    font-weight:700;

    color:#002F5F;

    margin-bottom:14px;

    font-family:"Roboto", sans-serif;
}

/* TEXT */

.service-item p{
    font-size:16px;
    line-height:1.7;

    color:#000;

    font-family:"Roboto", sans-serif;
}

/* RESPONSIVE */

@media(max-width:991px){

    .our-jira-services-grid{
        grid-template-columns:1fr;
    }

    .right-column{
        border-left:none;
        padding-left:0;
    }

}

@media(max-width:768px){

    .our-jira-services{
        padding:55px 20px;
    }

    .our-jira-services-heading{
        font-size:28px;
    }

    .service-item h3{
        font-size:20px;
    }

    .service-item p{
        font-size:15px;
    }

}


/* ================= WHY ENREAP ================= */

.why-enreap{
    width:100%;
    background:#f5f5f5;

    padding:55px 20px 40px;
}

.why-enreap-container{
    max-width:1080px;
    margin:0 auto;
}

/* HEADING */

.why-enreap-heading{
    font-size:32px;
    font-weight:700;

    color:#002F5F;

    margin-bottom:42px;

    font-family:"Roboto", sans-serif;
}

/* GRID */

.why-enreap-grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);

    column-gap:80px;
    row-gap:60px;
}

/* ITEM */

.why-enreap-item{
    display:flex;
    align-items:flex-start;
    gap:18px;
}

/* LINE */

.why-enreap-line{
    width:1px;
    height:84px;

    background:#000;

    flex-shrink:0;
}

/* NUMBER */

.why-enreap-item h3{
    font-size:46px;
    line-height:1;

    font-weight:700;

    color:#002F5F;

    margin-bottom:8px;

    font-family:"Roboto", sans-serif;
}

/* TEXT */

.why-enreap-item p{
    font-size:16px;
    line-height:1.45;

    color:#000;

    font-family:"Roboto", sans-serif;
}

/* ================= CTA SECTION ================= */

.jira-demo-section{
    width:100%;

    background:#083148;

    padding:78px 20px;
}

.jira-demo-container{
    max-width:1080px;

    margin:0 auto;

    display:flex;
    align-items:center;
    justify-content:space-between;
}

/* LEFT */

.jira-demo-left h2{
    font-size:34px;
    line-height:1.6;

    font-weight:700;

    color:#fff;

    font-family:"Roboto", sans-serif;
}

/* BUTTON */

.jira-demo-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    width:205px;
    height:50px;

    border:1px solid rgba(255,255,255,0.5);

    border-radius:40px;

    color:#fff;
    text-decoration:none;

    font-size:16px;
    font-weight:700;

    font-family:"Roboto", sans-serif;

    transition:0.3s ease;
}

.jira-demo-btn:hover{
    background:#fff;
    color:#083148;
}

/* ================= RESPONSIVE ================= */

@media(max-width:991px){

    .why-enreap-grid{
        grid-template-columns:1fr 1fr;
    }

    .jira-demo-container{
        flex-direction:column;
        gap:35px;

        text-align:center;
    }

}

@media(max-width:768px){

    .why-enreap-grid{
        grid-template-columns:1fr;
    }

    .why-enreap-heading{
        font-size:28px;
    }

    .why-enreap-item h3{
        font-size:40px;
    }

    .jira-demo-left h2{
        font-size:28px;
    }

}


/* ================= OUR WORK SECTION ================= */

.our-work-section{
    width:100%;
    background:#f5f5f5;

    padding:70px 0 90px;
}

.our-work-container{
    width:1060px;
    margin:auto;

    display:flex;
    justify-content:space-between;
    align-items:flex-start;

    gap:40px;
}

/* ================= LEFT ================= */

.our-work-left{
    width:270px;
}

.our-work-left h2{
    font-size:38px;
    font-weight:700;

    color:#002F5F;

    margin-bottom:22px;

    font-family:"Roboto", sans-serif;
}

.our-work-left p{
    font-size:16px;
    line-height:1.5;

    color:#000;

    margin-bottom:50px;

    font-family:"Roboto", sans-serif;
}

.our-work-left a{
    font-size:16px;
    font-weight:700;

    color:#002F5F;

    text-decoration:underline;

    font-family:"Roboto", sans-serif;
}

/* ================= RIGHT ================= */

.our-work-right{
    display:flex;
    gap:18px;
}

/* CARD */

.our-work-card{
    width:350px;
    min-height:300px;

    background:#fff;

    padding:58px 28px 30px;

    position:relative;
}

/* TAG */

.work-tag{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-width:98px;
    height:30px;

    padding:0 18px;

    border-radius:30px;

    background:#93D3E3;

    color:#000;

    font-size:14px;
    font-weight:500;

    font-family:"Roboto", sans-serif;

    margin-bottom:38px;
}

/* TITLE */

.our-work-card h3{
    font-size:21px;
    line-height:1.45;

    font-weight:700;

    color:#000;

    font-family:"Roboto", sans-serif;
}

/* ================= RESPONSIVE ================= */

@media(max-width:1100px){

    .our-work-container{
        width:90%;
        flex-direction:column;
    }

    .our-work-right{
        width:100%;
        flex-wrap:wrap;
    }

}

@media(max-width:768px){

    .our-work-right{
        flex-direction:column;
    }

    .our-work-card{
        width:100%;
    }

    .our-work-left h2{
        font-size:32px;
    }

}

/* ================= OUR WORK SECTION ================= */

.our-work-section{
    width:100%;
    background:#f5f5f5;

    padding:55px 0 70px;
}

.our-work-container{
    width:1060px;

    margin:auto;

    display:flex;
    justify-content:space-between;
    align-items:flex-start;

    gap:48px;
}

/* ================= LEFT ================= */

.our-work-left{
    width:260px;

    padding-top:10px;
}

.our-work-left h2{
    font-size:38px;
    font-weight:700;

    color:#002F5F;

    margin-bottom:24px;

    font-family:"Roboto", sans-serif;
}

.our-work-left p{
    font-size:16px;
    line-height:1.5;

    color:#000;

    margin-bottom:55px;

    font-family:"Roboto", sans-serif;
}

.our-work-left a{
    font-size:16px;
    font-weight:700;

    color:#002F5F;

    text-decoration:underline;

    font-family:"Roboto", sans-serif;
}

/* ================= RIGHT ================= */

.our-work-cards{
    display:flex;
    gap:18px;
}

/* CARD */

.our-work-card{
    width:352px;
    min-height:408px;

    background:#fff;

    padding:56px 30px 34px;

    box-sizing:border-box;
}

/* TAG */

.work-tag{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-width:98px;
    height:28px;

    border-radius:30px;

    background:#93D3E3;

    color:#000;

    font-size:14px;
    font-weight:500;

    padding:0 18px;

    margin-bottom:42px;

    font-family:"Roboto", sans-serif;
}

/* TITLE */

.our-work-card h3{
    font-size:22px;
    line-height:1.45;

    font-weight:700;

    color:#000;

    margin-bottom:26px;

    font-family:"Roboto", sans-serif;
}

/* DESCRIPTION */

.our-work-card p{
    font-size:16px;
    line-height:1.6;

    color:#000;

    margin-bottom:42px;

    font-family:"Roboto", sans-serif;
}

/* BUTTON */

.learn-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    width:108px;
    height:42px;

    border-radius:40px;

    background:#002F5F;

    color:#fff;
    text-decoration:none;

    font-size:16px;
    font-weight:700;

    font-family:"Roboto", sans-serif;

    transition:0.3s ease;
}

.learn-btn:hover{
    background:#001f3f;
}

/* ================= RESPONSIVE ================= */

@media(max-width:1100px){

    .our-work-container{
        width:90%;
        flex-direction:column;
    }

    .our-work-cards{
        width:100%;
        flex-wrap:wrap;
    }

}

@media(max-width:768px){

    .our-work-cards{
        flex-direction:column;
    }

    .our-work-card{
        width:100%;
    }

}