/*== Important Css ==*/


html {
      scroll-behavior: smooth; /* Enables smooth scrolling */
    }

@import url('https://fonts.googleapis.com/css2?family=Catamaran:wght@100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Sorts+Mill+Goudy:ital@0;1&display=swap');

  body, html {font-family: "Catamaran", sans-serif;
 }


  a{text-decoration:none !important;}
  ul{margin:0;padding:0;}
  li{list-style:none;}
  img{max-width:100% !important;}

  button:focus,
input:focus{
  outline: none;
  box-shadow: none;
}
a,
a:hover{
  text-decoration: none;
}

h1,h2,h3 { font-family: "Sorts Mill Goudy", serif; }



.navbar-brand img { max-height:58px; }

.fixed-header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
  animation: slideDown 0.5s ease;
      box-shadow: 1px 20px 25px rgb(77 53 177 / 10%);
}

@keyframes slideDown {
  from {
    top: -100px;
  }
  to {
    top: 0;
  }
}

.top_bar {
    background: #13243e;
    padding: 6px 0;
}
.top_bar p {
    margin-bottom: 0;color: #fff;font-size: 18px;font-weight: 600;
}
.module-header-a-right-top { align-items:center; }
.top_bar p a { color:#fff;font-weight:600;margin-left: 5px;
    font-size: 18px; }

nav.navbar {
    padding: 5px 0;
}  
a.nav-link {
    font-size: 18px;
    color: #15253F;
    padding: 10px 20px !important;
    font-weight: 600;
}  

.social-link li a {
    display: flex;
    width: 34px;
    height: 34px;
    border-radius: 50px;
    border: 1px solid #13243e;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 15px;
    margin: 10px 5px 0;
    background: #13243e;
}

.social-link li a:hover { background:#717e93; border: 1px solid #717e93;}

section.hero {
    position: relative;
    background: #13243e;
    padding-top: 30px;
    background: url(../images/slider-bg.jpg) no-repeat;
    background-size: cover;
}

section.hero .row { align-items:center; }

/*.hero_text {
    position: absolute;
    top: 22%;
}*/


.Hero_text_w h3 { font-family: "Sorts Mill Goudy", serif; font-size:30px; color: #717e93; }
.Hero_text_w h1 {
    font-size: 48px;
    color: #fff;font-weight: 700;
}

.Hero_text_w h4{color: #717e93; font-size: 26px; font-weight: 700;}

.Hero_text_w {
    max-width: 560px;
}


.Hero_text_w p { font-size: 18px;
    color: #f2f7ff; }

.btn {
    background: #15253F;
    border: 2px solid #fff;
    color: #fff;
    letter-spacing: 2px;
    font-size: 19px;
    padding: 12px 30px;
    text-transform: uppercase;
}

.btn:hover { background:#717e93;color:#fff; }

.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active { background: #717e93;
    color: #fff;
 }

.black-bg {
    background: #15253F;
    border-radius: 20px;
}
.about-img {
    right: -100px;
    position: relative;
}
.about-img img {   border-radius: 20px; }

.about-content {
    margin-right: -60px;
    padding-left: 60px;
}

.about-content > span {
    font-size: 16px;
    color: #c9c9c4;
    line-height: 42px;
}

.about-content > h2 {
    font-size: 40px;
    color: #fff;
    margin-bottom: 20px;
}

.about-content > p {
    font-size: 16px;
    line-height: 25px;
    color: #cfcfcf;
    margin-bottom: 30px;
}

.about-content > h5 {
    font-size: 18px;
    line-height: 36px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 15px;
}


.service-area {
    background: url(../images/bg_photo.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 90px 0 !important;
}

.section-title h2 { font-size:40px;color:#15253F; }
.he_d h2 { font-size:40px;color:#15253F;text-align: center;font-weight: 600;    padding-bottom: 25px; }
.section-title p { font-size:18px;color:#111; }
.he_d h2 span { color:#717e93; }


.single-feature h2 { font-size:28px; }


.single-feature h3 { font-size:24px;color:#15253F;font-weight:600 }

.single-feature {
    padding: 20px;
    border-radius: 10px;
    display: flex;
}

.sing_icon {
    min-width: 64px;
    padding: 0 10px;
    margin-right: 20px;
}

.single-feature:hover { background-image: linear-gradient(45deg, rgb(240 244 255) 0%, rgb(243 255 248) 100%); }

.section-title.feature-section-title {
    background-image: linear-gradient(45deg, rgb(240 244 255) 0%, rgb(243 255 248) 100%);
    padding: 30px;
    border-radius: 12px;
}

.service-img { position:relative; }
.service-img img { position:relative; z-index:2;border-radius:10px; }
.service-img::after {
    content: "";
    position: absolute;
    background: transparent;
    width: 100%;
    height: 100%;
    z-index: 1;
    left: -20px;
    top: 20px;
    border-radius: 10px;
    border: 1px #13243e;
    border-style: dashed;
}


.right_t_l {
    padding-left: 30px;
}

.service-content h4 { font-size:18px;color:#15253F;font-weight:600 }

.service-icon {
    width: 48px;
    height: 48px;
    border: 1px solid #99a3b3;
    min-width: 48px;
    margin-right: 10px;
    padding: 8px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.service-content ul li {
    font-size: 15px;
    list-style: circle;
    padding: 4px 0;
    margin-left: 30px;
    font-weight: 500;
}

.single-service.mb-3.d-flex.flex-nowrap {
    height: 100%;
    border: 1px dashed #c1c5d1;
    padding: 15px 15px 0;
    transition: all 0.4s;
    border-radius: 8px;
    transition-duration: .5s;
    background: #f4f4f6;
}


.about_a .about-img { left: -100px; right:unset; }

.about_a .about-content {
    margin-left: -60px;
    padding-right: 60px;
        margin-right: 0;
    padding-left: 0;
}

.about-area.about_a {
    padding: 80px 0 80px;
}

.about-area.about_a .black-bg { background: radial-gradient(circle, rgb(46 79 129) 0%, rgb(19 36 62) 100%); }

.sub_ser .col-md-4.col-sm-6.col-6 { margin: 15px 0; }

.service-area, .po_h { position:relative; }

.po_h .col-12.col-lg-5 { position:sticky; top:30px; }
.po_h .col-12.col-lg-5 .service-img { position:sticky; top:30px; }


.single-service.single-service2.d-flex.flex-nowrap {
    align-items: center;
    background: #13243e;
    border-radius: 10px;
    padding: 15px;transition-duration: .5s;
}


.single-service2 h4 {
    font-size: 18px;
    color: #fff;margin-bottom: 0;
    font-weight: 600;
}

.single-service2 img {filter: invert(100%)  }

.single-service.mb-3.d-flex.flex-nowrap .service-icon { transition: all 0.4s; background:transparent;display:none; }
.single-service.mb-3.d-flex.flex-nowrap:hover { background-image: linear-gradient(45deg, rgb(240 244 255) 0%, rgb(243 255 248) 100%); }
.single-service.mb-3.d-flex.flex-nowrap:hover .service-icon { background: #13243e; }
.single-service.mb-3.d-flex.flex-nowrap:hover .service-icon img { filter: invert(100%) }

/*
.service-area:before{content:"";position:absolute;background:url(../images/bg_photo.jpg) no-repeat;
background-size:contain;top:0;width:100%;height:100%;opacity: 1;
    right: 0;
    background-position: right; }*/


.about-area {
    padding: 80px 0;
}

.feature-area { padding:80px 0 0px; }



.sec_hedding h2{     font-size: 40px;  color: #fff; }
.sec_hedding h4{     font-size: 18px;  color: #fff; margin-bottom:30px; }


.accordion-item {
    background: transparent;
       border: 1px solid #2e4058;
}

.about-area.about_a .accordion-item { border: 1px solid #364d6c; }

.about-area.about_a button.accordion-button { font-size: 18px; }

.accordion-button::after {     width: 16px; height: 16px;     background-size: 16px;}

button.accordion-button {
    background: transparent !important;font-size: 20px;
    color: #fff;font-family: "Sorts Mill Goudy", serif;
}

.accordion-button::after { filter: invert(1); }

.accordion-body {
    background: #1a2d4a;
}

.accordion-button:focus {     box-shadow: none; }

.accordion-body h3 { color:#d4dbe5;font-family: 'Catamaran';font-size:18px; }
.accordion-body p { color:#9aa3b1; }

.accordion-button:not(.collapsed) {     color: #717e93;font-size: 22px; border: 0;
    box-shadow: none;
    border-bottom: 1px solid #2e4058;}


.contact_form { position:relative; }


/*.contact_form::after {
    position: absolute;
    content: "";
    right: 0%;
    width: 50%;
    background: #ececec;
    top: 10%;
    bottom: 13%;
    z-index: -1;
}*/



.quote-form {
    background: #fff;
    border-radius: 5px;
    position: relative;
    box-shadow: 1px 20px 25px rgb(77 53 177 / 10%);
    padding: 30px 30px 20px;
    z-index: 11;
    border-radius: 4px;
    margin: 0 20px;
}

.form-control{
border: solid 1px #d4d4d4;
    border-radius: 6px;
    color: #1d0f26;
    height: 48px;
    }
.col-in { margin-bottom:20px; } 

.quote-form h2 {  font-size:36px;color:#15253F; margin-bottom: 30px;}  
.contact_form h2 {  font-size:48px;color:#15253F; margin-bottom: 30px; text-align: center;}  


.cont_r {
    padding: 40px 50px 20px;
    position: relative;
    background: #f7fbff;
    border-radius: 10px;
    border: 1px dashed #ddd;
}

.cont_r h3 {  font-size:30px;color:#15253F; margin-bottom: 0px; }

i.fa-solid {
    margin-right: 15px;
}

i.fa-solid svg { width:30px;height:30px; }

.ContactUs_Right { margin-bottom:20px; }
h6.mb-1 { font-size:18px;font-weight:600;color:#15253f }

.fw-normal.d-flex.align-items-start {
    border-bottom: 1px solid #e1e5e9;
    margin-bottom: 20px;
}

.fw-normal.d-flex.align-items-start:last-child {
    border-bottom: 0;
    margin-bottom: 0px;
}

.ContactUs_Right a.d-block { font-size:16px;color:#15253F; }


/*.cont_r:after { content:"";position:absolute;
    background: #15253F;
    height: 140px; width: 1px; top: -85px;
    left: 13px;
 }*/

 footer {
    text-align: center;
    padding: 20px;
    box-shadow: 1px -14px 25px rgb(77 53 177 / 5%);
    background: #13243e;
    color: #fff;
    font-size: 16px;
}


textarea.form-control {
    height: 100px;
}

.card_bg_im { width:80px;height:80px;    margin: 0px auto 15px; }

.card_exp { display: flex;}
.card_bg {
    align-items: center;
    background: rgba(255, 255, 255, 0.05);   padding: 15px;
    border-radius: 10px;flex: 1;
}
.card_bg h4 { font-size:15px;color:#fff;text-align:center;margin-bottom:0; }

.nav-tabs {
    border-bottom: 1px dashed #4a5e7a;margin-bottom: 20px;
}
.nav-tabs .nav-link { color:#fff;font-size:20px;border:0;font-weight:600; }


.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #717e93;font-weight:700;
    background-color: transparent;
    border-color: transparent;
}

.card_bg_im img {     height: 100%; object-fit: contain;}

.msg-success {
  color: green;
  font-weight: bold;
  margin-bottom: 10px;
}
.msg-error {
  color: red;
  font-weight: bold;
  margin-bottom: 10px;
}

@media(max-width: 1200px) {
    a.nav-link{
        font-size: 16px;
            padding: 10px 15px !important;
    }

}

@media(max-width: 991px) {

    section.hero {     padding: 50px 0 0; }
    .Hero_text_w h3 {     font-size: 18px; }
    .Hero_text_w h1 {     font-size: 28px; }
    .Hero_text_w p { font-size:15px;margin-bottom:0; }

    .btn { font-size: 16px;
    padding: 8px 15px;    letter-spacing: 0; }
    .feature-area {   padding: 50px 0 0px;}
    .he_d h2 {     font-size: 36px;    padding-bottom: 15px; }
    .single-feature h2 { font-size: 22px;}
    .sing_icon { min-width:54px;width:54px; }
    .single-feature { padding: 10px; }
    .about-area.about_a { padding: 30px 0 30px;}
    .about_a .about-img {  left: 0;    right: unset;}
    .about-area.about_a .black-bg { padding:20px !important; }
    .about_a .about-content { margin-left: 0;padding-right: 0; margin-right: 0; padding-left: 0; padding-top: 20px;}
    .about-content > p { margin-bottom: 15px; font-size:15px; }
    .service-area {     padding: 40px 0 20px !important; }
    .right_t_l {  padding-left: 0;}
    .section-title h2, .sec_hedding h2 { font-size:30px; }
    .section-title p {     font-size: 15px; }
    .service-content h4 {     font-size: 16px; }
    .single-service.mb-3.d-flex.flex-nowrap { padding: 12px 10px 0; }
    .sub_ser .col-md-4.col-sm-6.col-6 { margin: 10px 0;}
    .about-area { padding: 40px 0;}
    .about-content { margin-right: 0; padding-left: 0;}
    .black-bg {     padding: 30px 20px 20px !important; }
    .about-img { right: 0; }

    .ad_ma.about-img { margin-top:20px; }
    .contact_form h2 { font-size:32px;    margin-bottom: 20px; }
    .quote-form {     padding: 30px 15px 20px;    margin: 0; }
    .cont_r { padding: 20px 15px 5px; }
    .navbar-brand img {  max-height: 46px;}
    .top_bar p {     font-size: 15px; }
    .top_bar { padding: 4px 0; }

    .navbar-collapse {
            flex-basis: 100%;
            flex-grow: 1;
            align-items: center;
            position: absolute;
            z-index: 999;
            background: #fff;
            width: 100%;
            left: 0;
            top: 60px;
        }
    a.nav-link {
        font-size: 17px;
        color: #15253F;
        padding: 7px 25px !important;
    } 
    .service-area { background-position: center left; }   

}


@media(max-width: 767px) {
    
    .Hero_text_w { text-align: center; margin-bottom: 20px;}
    .feature-area {   padding: 30px 0 0px;    }
    .card_bg_im { width: 60px;height: 60px; }
    .card_bg h4 {     font-size: 13px; }
    .card_bg {     padding: 8px; }
    .service-content ul li { padding: 2px 0;margin-left: 20px;    font-size: 14px; }
    .sub_ser .col-md-4.col-sm-6.col-6 {  margin: 7px 0;  }
    .sec_hedding h4 { font-size: 15px;    margin-bottom: 20px; }
    button.accordion-button {     font-size: 18px; }
    .accordion-button:not(.collapsed) {     font-size: 18px; }
    .accordion-body h3 { font-size: 16px; }
    .accordion-body p { font-size:14px; }
    .contact_form h2 { margin-bottom:10px; }
    
}