@font-face {

    font-family: "Montserrat-Regular";

    src: url("fonts/Montserrat-Regular.woff2") format("woff2"),

      url("fonts/Montserrat-Regular.woff") format("woff");

    font-weight: normal;

    font-style: normal;

    font-display: swap;

  }



@font-face {

    font-family: "Montserrat-bold";

    src: url("fonts/Montserrat-Bold.woff2") format("woff2"),

      url("fonts/Montserrat-Bold.woff") format("woff");

    font-weight: bold;

    font-style: normal;

    font-display: swap;

  }





img {

    max-width: 100%;

}



input.text,

input[type="text"],

input[type="button"],

input[type="submit"],

input[type="email"],

input[type="tel"],

textarea,

.input-checkbox {

    outline: 0;

}



h1,

h2,

h3,

h4,

h5,

h6,

p {

    margin: 0px;

}



input:focus {

    outline: 0;

}



textarea:focus {

    outline: 0;

}



button:focus {

    outline: 0;

}



a {

    cursor: pointer;

    text-decoration: none;

    transition: all 0.5s ease;

}



a:focus,

a:hover {

    text-decoration: none;

    outline: 0;

}



.TC {

    text-align: center;

}



.TL {

    text-align: left;

}



.TR {

    text-align: right;

}



.margin_auto {

    margin: auto;

    float: none;

}



.padding {

    padding: 0;

}



.al {

    width: 100%;

    height: 100%;

    display: table;

}



.alm {

    width: 100%;

    height: 100%;

    display: table-cell;

    vertical-align: middle;

}



abbr[title] {

    border-bottom: none !important;

    cursor: inherit !important;

    text-decoration: none !important;

}



body {

    background-color: #fff;

    font-family: "Montserrat-Regular";

}



.jcc{

    justify-content: center;

}

.jsb{

    justify-content: space-between;

}

.aic{

    align-items: center;

}



.d-flex{

    flex-wrap: wrap;

}



.top-header-section

{

    background-color: #fafafa;



}

.top-inner {

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.top-inner {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 12px 15px;

}

.top-inner span

{

    display: flex;

    gap: 10px;

    align-items: center;

    font-family: "Montserrat-Regular";

    font-size: 15px;

    color: #2F3F50;

}

.top-left {

    display: flex;

    gap: 70px;

}

.top-inner  i.fa-solid.fa-envelope,

.top-inner  i.fa-solid.fa-phone,

.top-inner  i.fa-regular.fa-lightbulb {

    background: #18bcf8    ;

    padding: 6px;

    border-radius: 50%;

    color:#fff ;

}



.logo-part a img{width: 220px;}

.navbar {

    background: white;

    padding: 10px 5px;

    position: relative;

  }



  .menu-toggle {

    display: none;

    background: none;

    border: none;

    font-size: 24px;

    cursor: pointer;

  }



  .nav-menu {

    list-style: none;

    display: flex;

    justify-content: center;

    gap: 10px;

    margin: 0;

    padding: 0;

  }



  .nav-menu li {

    position: relative;

  }



  .nav-menu > li > a {

    text-decoration: none;

    padding: 8px;

    display: inline-flex;

    align-items: center;

    color: #474747;

    font-family: "Montserrat-Regular";

    font-size: 15px;

    font-weight: 500;

  }





  .has-dropdown:hover  i,

  .has-dropdown.active  i {

    transform: rotate(180deg);

  }



  .dropdown {

    position: absolute;

    top: 100%;

    left: 0;

    background: white;

    min-width: 160px;

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

    opacity: 0;

    visibility: hidden;

    transform: translateY(10px);

    transition: all 0.3s ease;

    z-index: 10;

    list-style: none;

    padding-left: 10px;

    font-family: "Montserrat-Regular";

   

  }



  .dropdown li {

    width: 100%;

  }



  .dropdown li a {

    display: block;

    padding: 10px 15px;

    text-decoration: none;

    color: #474747;

    white-space: nowrap;

    font-size: 14px;

  }



  .dropdown li a:hover {

    background-color: #f0f0f0;

  }



  .has-dropdown:hover .dropdown,

  .has-dropdown.active .dropdown {

    opacity: 1;

    visibility: visible;

    transform: translateY(0);

  }



 



  .menu-header-inner{

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 15px 0px;

}

.social-link-part a {

    display: inline-block;

    text-decoration: none;

    background-color: #E8E8E9;

    padding: 9px;

    color: #0274BE;

    font-size: 0;

    border-radius: 50%;

    width: 36px;

    height: 36px;

    margin: auto;

    text-align: center;

    transition: all ease-in-out 0.5s;

}



.social-link-part a i

{

    font-size: 18px;

}

.nav-menu span .fa-solid.fa-chevron-down {

    font-size: 11px;

    padding: 2px 1px;

    border: 1px solid black;

    margin-left: 5px;

   

    

}

.banner-inner {

    

    text-align: center;

    padding: 60px 30px;

}

.banner-inner h2

{

    font-family: "Montserrat-bold";

    color: #0D3F7C ;

    font-size: 45px;

    line-height: 45px;

    margin-bottom: 15px;





}

.banner-inner h5

{

    font-family: "Montserrat-bold";

    color: #00CCFF ;

    font-size: 24px;

    line-height:26px;

    margin-bottom: 50px;

}



.banner-inner p

{

    font-size: 16px;

    font-family: "Montserrat-Regular";

    color:#040404;

    padding: 15px 0px;

    

}

.service-content

{

    border: 2px solid #0D3F7C;

    text-align: center;

    padding: 30px 25px;

    margin: 8px 8px;

}

.service-content img{
    width:100px;
    object-fit:contain;
}

.service-inner {

    display: flex;

    flex-wrap: wrap;

   

}

.service-text {

    margin-top: 25px;

}

.service-text h4

{

    

    font-family: "Montserrat-bold";

    color: #00CCFF ;

    font-size: 21px;

    line-height: 22px;

   

}



.service-text p

{

    color: #040404;

    font-family: "Montserrat-regular";

    font-size: 14px;

    line-height: 17px;

    margin-top: 15px;

}

.other-service-section {

    background-color: #fafafa;

    padding: 0 0 70px;

}

.other-service-inner {

    padding: 100px 0px 20px;

}

.other-service-content {

    display: flex;

    align-items: center;

    gap: 15px;

    padding-left: 14px;

}

.other-service-inner {

    padding: 100px 0px 20px;

    display: flex;

    flex-wrap: wrap;

    row-gap: 25px;

}

.other-service-content.one

{

    justify-content: flex-end;

    padding-right: 14px;

}



.img-part1 {

    background-color: #1ABC9C;

    width: 120px;

    height: 120px;

    padding: 25px;

    display: flex;

    justify-content: center;

    align-items: center;

    border-radius: 50%;

    transition: all 0.5s;

}

.green h5

{

    color:#1ABC9C;

    font-family: "Montserrat-bold";

    font-size: 18px;

    line-height: 18px;

    

}

.left-text.green {

    text-align: right;

}




.img-part2{

    background-color: #3498DB;

    width: 120px;

    height: 120px;

    padding: 25px;

    display: flex;

    justify-content: center;

    align-items: center;

    border-radius: 50%;

    transition: all 0.5s;

}

.blue h5

{

   

    color:#3498DB;;

    font-family: "Montserrat-bold";

    font-size: 18px;

    line-height: 18px;

    

}


.purple h5

{

    color:#9B59B6;

    font-family: "Montserrat-bold";

    font-size: 18px;

    line-height: 18px;

    

}

.left-text.purple {

    text-align: right;

}

.other-service-section img

{

    transition: all 0.5s;

}

.img-part3{

    background-color: #9B59B6;

    width: 120px;

    height: 120px;

    padding: 25px;

    display: flex;

    justify-content: center;

    align-items: center;

    border-radius: 50%;

    transition: all 0.5s;

}



.seagreen h5

{

    color:#27AE60;

    font-family: "Montserrat-bold";

    font-size: 18px;

    line-height: 18px;

    

}

.img-part4{

    background-color: #27AE60;

    width: 120px;

    height: 120px;

    padding: 25px;

    display: flex;

    justify-content: center;

    align-items: center;

    border-radius: 50%;

    transition: all 0.5s;

}

.left-text.seagreen {

    text-align: left;

}

.black h5

{

    color:#34495E;

    font-family: "Montserrat-bold";

    font-size: 18px;

    line-height: 18px;

    

}



.img-part5{

    background-color: #34495E;

    width: 120px;

    height: 120px;

    padding: 25px;

    display: flex;

    justify-content: center;

    align-items: center;

    border-radius: 50%;

    transition: all 0.5s;

}

.left-text.black {

    text-align: right;

}



.orange h5

{

    color:#E67E22;

    font-family: "Montserrat-bold";

    font-size: 18px;

    line-height: 18px;

}



.img-part6{

    background-color: #E67E22;

    width: 120px;

    height: 120px;

    padding: 25px;

    display: flex;

    justify-content: center;

    align-items: center;

    border-radius: 50%;

    transition: all 0.5s;

}

.left-text.light-green {

    text-align: left;

}

.light-green h5

{

    color: #2ECC71;

    font-family: "Montserrat-bold";

    font-size: 18px;

    line-height: 18px;

    text-align: right;   

}

.other-service-inner p

{

    font-family: "Montserrat-regular";

    font-size: 14px;

    line-height: 17px;

    margin-top: 10px;

}

.other-service-inner .other-service-content.cls p

{

    text-align: right;

}

.img-part7{

    background-color: #2ECC71;

    width: 120px;

    height: 120px;

    padding: 25px;

    display: flex;

    justify-content: center;

    align-items: center;

    border-radius: 50%;

    transition: all 0.5s;

}

.left-text.light-green {

    text-align: left;

}





/* 2-5-25 R */



.a-btn a,

.enhance-cls a

{

    background-color: #00CCFF;

    color: #fff;

    min-width: 350px;

    padding: 13px;

    text-align: center;

    text-transform: uppercase;

    font-size: 16px;

    display: block;

    margin: 50px auto 0;

    width: fit-content;

    border-radius: 10px;

    font-family: "Montserrat-bold";

    border: 1px solid #00CCFF;

}

.a-btn a:hover

{

    background-color: transparent;

    color: #00CCFF;

}

.enhance-cls

{

    padding: 140px 0;

    background-color: #0D3F7C;

}

.enhance-cls h2

{

    color: #fff;

    font-size: 45px;

    font-family: "Montserrat-bold";

    text-align: center;

}

.enhance-cls p

{

    color: #fff;

    font-size: 16px;

    text-align: center;

    margin: 25px 0 30px;

}

.enhance-cls a

{

    background-color: #fff;

    color: #000;

    border: 1px solid transparent;

    margin-top: 0;

}

.enhance-cls a:hover

{

    color: #fff;

    background-color: #00CCFF;

}

.client-sldr

{

    padding: 80px 0;

}

.client-sldr .main-box

{

    padding:70px 30px;

    background-color: #040404;

    position: relative;

}

.client-sldr .main-box:before

{

    content: '';

    background: #040404;

    height: 70px;

    width: 70px;

    position: absolute;

    bottom: -8px;

    left: 0;

    right: 0;

    margin: auto;

    transform: rotate(45deg);

}

.client-sldr .main-box .sldr-main

{

    max-width: 800px;

    margin: auto;

    text-align: center;

}

.client-sldr .main-box .sldr-main p

{

    color: #fff;

    font-size: 18px;

    padding: 5px 0;

}

.client-sldr .main-box .sldr-main h4

{

    color: #00CCFF;

    font-size: 21px;

    font-family: "Montserrat-bold";

    margin-top: 13px;

}

.client-sldr .main-box button

{

    background-color: #fff;

    width: 60px;

    height: 60px;

    display: flex;

    align-items: center;

    justify-content: center;

    border:1px solid #fff;

    border-radius: 10px;

    position: absolute;

    top: 0;

    bottom: 0;

    margin: auto;

    transition: all 0.5s;

}

.client-sldr .main-box button:hover

{

    background-color: transparent;

}

.client-sldr .main-box button.l-arw

{

    left: 30px;

}
.client-sldr .main-box button img{
    min-width: 20px;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.client-sldr .main-box button.r-arw

{

    right: 30px;

}

.lets-talk-cls

{

    padding: 160px 0;

    background-color: #0D3F7C;

    text-align: center;

}

.lets-talk-cls h2

{

    color: #fff;

    font-size: 45px;

    margin-bottom: 10px;

    font-family: "Montserrat-bold";

}

.lets-talk-cls p

{

    max-width: 800px;

    margin: auto;

    padding: 10px 0;

    color: #fff;

    font-size: 16px;

}

.form-cls

{

    background-image: url('../images/foterabsecpg.png');

    background-size: cover;

    background-repeat: no-repeat;

    padding-bottom: 40px;

}

.form-cls .f-main

{

    border-radius: 20px;

    background-color: #FFFFFF;

    transform: translateY(-120px);

    padding: 50px 30px 140px;

    flex-wrap: wrap;

    justify-content: space-between;

}

.form-cls .f-main input,

.form-cls .f-main textarea

{

    border: 1px solid #d0d0d0;

    border-radius: 10px;

    padding: 10px 15px;

    color: #7a7a7a;

    width: 100%;

    margin: 5px 0;

}

.form-cls .f-main .box.first-box

{

    width: 49%;

}

.form-cls .f-main .box

{

    width: 100%;

}

.form-cls .f-main textarea

{

    margin-top: 15px;

    height: 120px;

    resize: none;

}

.form-cls .f-main p

{

    font-size: 16px;

    color: #000;

    font-family: "Montserrat-bold";

    text-align: center;

    margin: 5px 0;

}

.form-cls .f-main .sub-box

{

    display: flex;

    align-items: center;

    gap: 35px;

    justify-content: center;

    margin: 20px 0;

}

.form-cls .f-main label

{

    width: fit-content;

    display: flex;

    align-items: center;

    gap: 8px;

    font-size: 16px;

    color: #000;

}

.form-cls .f-main .submit-box button

{

    background-color: #00CCFF;

    color: #fff;

    padding: 13px 40px;

    text-align: center;

    font-size: 16px;

    display: block;

    margin: auto;

    width: fit-content;

    border-radius: 10px;

    font-family: "Montserrat-bold";

    border: 1px solid #00CCFF;

    transition: all 0.5s;

}

.form-cls .f-main .submit-box button:hover

{

    background-color: transparent;

    color: #00CCFF;

}



.footer

{

    padding: 16px 0;

}

.footer .leftpart

{

    display: flex;

    align-items: center;

    gap: 60px;

}

.footer .leftpart p

{

    color: #282828;

    font-size: 16px;

}

.footer .rightpart a

{

    color: #282828;

    font-size: 16px;

    padding: 5px;

}



/* 2-5-25 R */



.social-link-part a:hover

{

    background-color: #0274BE;

    color: #E8E8E9;

}

.mobile-contact {display: none;}

.desktop-contact{display: block;}

.footer-lower {

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 165px;

    margin-top: 15px;

}

.footer-lower a {

   color: #00CCFF;

}

.footer-lower span

{

    display: flex;

    gap: 10px;

    align-items: center;

}

.mobile-menu ,

.hamburger {display: none;}