@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@300;400;500;600;700&display=swap');

*{
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    font-family: 'Barlow', sans-serif;
}
body{
    line-height: 1.6; color:#454545;
}
a {color: rgb(45, 122, 190);}
p {font-size:15px; color:#666;line-height: 1.6;}

.sticky-top.navbar-light {transition: .3s; background: #fff; box-shadow: 0px 1px 4px #f1f1f1}
/* .navbar-light .navbar-nav .nav-link:hover{-webkit-transform: scale(1.05); transform: scale(1.05);} */
/* adds some margin below the link sets  */
.navbar .dropdown-menu div[class*="col"] {
    margin-bottom:1rem;
 }
 .navbar-brand img {height: 50px;}
 .navbar-brand {padding: 15px 0 10px;}
 
 .navbar .dropdown-menu {
   border:none;
 }
 .navbar-light {width:100%;}
 
 /* breakpoint and up - mega dropdown styles */
 @media screen and (min-width: 992px) {
   
   /* remove the padding from the navbar so the dropdown hover state is not broken */
 .navbar {
   padding-top:0px;
   padding-bottom:0px;
 }
 
 /* remove the padding from the nav-item and add some margin to give some breathing room on hovers */
 .navbar .nav-item {
   margin:0 .25rem;
 }
 
 /* makes the dropdown full width  */
 .navbar .dropdown {position:static;}
 
 .navbar .dropdown-menu {
   width:100%;
   left:0;
   right:0;
 /*  height of nav-item  */
   top:60px;
   
   display:block;
   visibility: hidden;
   opacity: 0;
   transition: visibility 0s, opacity 0.3s linear;
   
 }
   
  
 
   
   /* shows the dropdown menu on hover */
 .navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover {
   display:block;
   visibility: visible;
   opacity: 1;
   transition: visibility 0s, opacity 0.3s linear;
 }
   
   .navbar .dropdown-menu {
     border: 1px solid rgba(0,0,0,.15);
     background-color: #fff;
   }
 
 }
/* navbae ends */


/* banner */
.carousel-inner img {
    width: 100%;
    height: 100%;
  }

  /* our company */
  .section-space--ptb_100 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.section-space--mb_60 {
    margin-bottom: 60px;
}

.section-sub-title {
    color: #ababab;
    font-size: 14px;
    letter-spacing: 3px;
    text-transform: uppercase;
    line-height: 1.43;
    margin-top: -5px;
}

.mb-20 {
    margin-bottom: 20px;
}

.text-color-primary {
    color: #2D7ABE;
}

.section-space--pb_100 {
    padding-bottom: 100px;
}

.modern-number-01 h2 {
    position: relative;
    font-size: 12px;
    line-height: 2em;
    letter-spacing: 2px;
    color: #F47F1F;
    text-transform: uppercase;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.modern-number-01 span.mark-text {
    font-size: 180px;
    line-height: .8;
    font-weight: 900;
    margin: 0 5px -5px -5px;
    color: #F47F1F;
}

.mt-30 {
    margin-top: 30px;
}

.cybersecurity-about-text .text {
    font-size: 16px;
    margin-bottom: 20px;
    line-height: 1.6; color: #666;
}

.ht-btn {
    font-size: 15px;
    font-weight: 500;
    border-style: solid;
    border-radius: 5px;
    border-color: transparent;
    padding: 15px 36px;
    text-align: center;
    color: #ffffff;
    background: #2D7ABE;
    border-width: 1px;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}
.ht-btn--outline {
    border-width: 1px;
    line-height: 54px;
    background: transparent;
    border-color: #2D7ABE;
    color: #2D7ABE;
}
.ht-btn.ht-btn-md {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0em;
    line-height: 54px;
}

/* .ht-btn:hover, .ht-btn:active, .ht-btn:focus {
    color: #ffffff;
    background-image: #2D7ABE;
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
} */

.ht-btn--outline:hover, .ht-btn--outline:focus, .ht-btn--outline:active {
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
    border-color: transparent;
    background: #2D7ABE;
    color: #ffffff;
}

/*== service===*/
.features_section{ background:#fff; padding:50px 0px;}
.features-1{ padding:30px 20px; float:left; width:100%; text-align:center;border: 1px dotted #e8e8e8;transition: 0.3s; margin-bottom: 15px;}
.features-1 .icon{ display:inline-block; padding-right: 0px;text-align: center;margin-bottom: 25px;}
.features-1 .icon img {height: 45px;}
.fea-content{ display:block;}
.features-1 .icon i{ color:#000; font-size:35px;}
.features-1 h2 span{color:rgb(45, 122, 190);}
.features-1 h2{ font-size:20px; color:#373737; padding-bottom:15px; }
/* .features-1 p{ font-size:15px; color:#666;line-height: 22px;} */
.features-1:hover {
    -webkit-box-shadow: 0 0 20px rgba(144, 126, 125, 0.17);
    box-shadow: 0 0 20px rgba(144, 126, 125, 0.17);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

/*==  industry === */
.section-gray {background: rgb(239 239 239); padding:50px 0px 0;}

.services-1 { float:left; width:100%; margin:30px 0px;}
.services-1 .icon img {height: 35px;margin: 3px auto;}
.services-1 h3{font-size:19px; color:#000;padding:0px 0px 10px;font-weight: 400;}
.services-1 p{height: 70px;text-align: justify;overflow: hidden;} 
.services-1 a{font-size:14px; color:#F47F1F; margin-top:5px; display:block; transition:.3s;}
.services-1 a i{ margin-left:5px;}
.services-1 a:hover{color:#F47F1F;-webkit-transform: translate(15px, 0px);transform: translate(15px, 0px); transition:.3s;}
.services-1 .icon{   float: left; text-align:center;width: 55px;}
.services-1 .ser-comtent{  float: left;padding-left:15px; width:83%;}
.services-1:hover h3{color:rgb(45, 122, 190);}
.services-1:hover .icon img {
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-animation: swinging .5s ease-in-out forwards infinite;
    animation: swinging .5s ease-in-out forwards infinite;

}

/*=== action ===*/
.action_section{ background:rgba(0, 0, 0, 0) linear-gradient(to right, rgb(45,122,190) 0%, #86bcec 100%) repeat scroll 0 0; padding:35px 0px;}
.action_section h2{font-size:32px;color:#fff; margin:0px 0px;line-height: 35px;}
.action_section span{font-size: 18px;color: #fff;margin: 10px 0px 0px;display: block;}
.action_section a{ display:inline-block; border:2px solid #fff;font-size:18px;color:#F47F1F; margin:15px 20px; font-weight:400; text-align:center;padding: 10px 25px;transition:.3s; background:#fff; border-radius:40px; float:right;text-transform: uppercase;}
.action_section a i{ margin-right:7px;font-size:20px;}
.action_section a:hover{ background:#F47F1F; border-color:#F47F1F; color:#fff; }


/*-----Footer Section-----*/
footer{ background:#fff; padding:40px 0px 0px; }
.footer-address{ float:left; width:100%;}
.footer-address ul{ margin:0px; padding:0px;}
.footer-address ul li{ display:block; list-style:none; margin-bottom:25px; padding-left: 55px;position: relative;}
.footer-address ul li::before{position: absolute;font-size: 22px;background:#666; color:#fff;width: 38px;height: 38px;border-radius: 50%;text-align: center;line-height: 38px;left:0px;}
.footer-address ul li:nth-child(1)::before{content: "\f041";font-family: 'FontAwesome'; background:#23bc9d;}
.footer-address ul li:nth-child(2)::before{content: "\f095";font-family:'FontAwesome';line-height:40px;background:#2D7ABE;}
.footer-address ul li:nth-child(3)::before{content: "\f0e0";font-family:'FontAwesome';font-size: 20px;background:#39546f;}
.footer-address h4{font-size: 20px; color:#000; font-weight: normal;margin-bottom:8px;}
.footer-address p{font-size: 14px; color:#838383;}
.footer-address ul li:nth-child(1) h3{color:#23bc9d;}
.footer-address ul li:nth-child(2) h3{color:#2D7ABE;}
.footer-address ul li:nth-child(3) h3{color:#39546f;}
.footer-ul h3{ font-size:20px; color:#000; margin:0px;padding-bottom: 10px;font-weight: normal;}
.footer-ul ul{ margin:0px; padding:0px;}
.footer-ul ul li{ display:block; list-style:none;}
.footer-ul ul li a{ display:block; font-size:14px; color:#838383; padding:3px 0px;}
.footer-ul ul li a:hover{ color:#000;}
.footer-social h3{ font-size:20px; color:#000; margin:0px;padding-bottom: 10px;font-weight: normal;}
.social-f{ margin:10px 0px 0px; padding:0px; text-align:left;}
.social-f li{ display:inline-block; list-style:none; margin:0px 1px 10px;}
.social-f li a{ width:35px; height:35px; text-align:center; background:#fff; border-radius:50%; color:#838383; font-size:14px; display:block;border: 2px solid #838383;padding:5px 0px;margin: 0px;}
.social-f li a:hover{ background:#2D7ABE; border-color:#2D7ABE; color:#fff; transition:.3s; transform: rotate(360deg)}
.fotter-bottom{ padding:10px 0px; text-align:center;border-top: 1px solid #dcdcdc;margin-top: 30px;}
.fotter-bottom p{ font-size:15px; color:#838383; font-weight:500px; margin:0px; padding:3px 0px;}


/*-----Contact Us Page-----*/
.contact-page{ padding:30px 0px;}
.contact-page h2 {font-size:40px; color: #000; text-align: center; margin:10px 0px 50px;}
.contact-page h3{font-size:22px;color:#000; margin:0px;padding-bottom:25px; font-weight:500;}
.contact-text p{font-size:16px;color:#454545;margin-bottom: 12px;}
.contact-text p strong{ margin-right:5px;} 
.contact-text{ padding-left: 40px;}
.contact-form1 {-webkit-box-shadow: 0 0 20px rgb(144 126 125 / 17%);
    box-shadow: 0 0 20px rgb(144 126 125 / 17%);-webkit-transform: scale(1.05); transform: scale(1.05); padding: 30px 25px;}
.contact-form1 input.form-control{ height:45px; }
.contact-form1 .form-group{ margin-bottom:20px;}
.contact-form1 textarea.form-control{ height:120px; border-radius:0px; padding-top:12px;}
.contact-form1 .btn-submit,.form-style-5 .btn-submit{ color: #fff;background: rgba(0, 0, 0, 0) linear-gradient(to right, rgb(45,122,190) 0%, #86bcec 100%) repeat scroll 0 0;text-transform: uppercase; border-radius:35px; padding:12px 30px; font-size:17px; display:inline-block; margin-top:5px;}
.contact-form1 .btn-submit:hover, .form-style-5 .btn-submit:hover{ color:#fff; background:#F47F1F;}
.contact-form1 label {font-size:14px;color: #454545;margin-bottom:5px; font-weight:normal;}
.contact-form1 .user-list{ position:relative;}
.contact-form1 .user-list i{ position:absolute; color:#ccc; font-size:25px; top:0px;width: 45px;height: 45px;text-align: center;line-height: 45px;}
.contact-form1 .user-list i.fa-mobile{font-size:30px;}
.contact-page .social-f{ text-align:left; margin-top:20px;}
.contact-page .social-f li{margin: 0px 5px 10px 0px;}
.map{ margin-top: 40px;border: 10px solid #f1f1f1;border-radius: 5px;overflow: hidden;}

/*====== inner page banner =======*/
#page-header-wrapper {
    margin: 0;
    background-image: url(/images/page.jpg);
    color: #fff;
    text-align: center;
    background-position: center;
    background-size: cover;
    padding: 2.5rem 0 2.5rem;
}
.page-title h1 {
    color: #fff;
    line-height: 145px;
    font-size: 37px;
    letter-spacing: normal;
}

.form-style-5 {
    max-width: 400px;
    margin: 0 auto 10px;
    padding: 20px;
    background: #f1f2f2;
    border-radius: 8px;
    /* position: -webkit-sticky;
    position: sticky;
    top: 100px; */
    height: fit-content;
}
.form-style-5 legend {
    font-size: 20px;font-weight: 600;
}
.vertical-space2{
    display: block;
    width: 100%;
    margin: 0;
    clear: both;
    border: 0;
    height: 40px;
}
.why_choosing_img_wrapper>img {
    max-width: 100px!important;
    margin: 0 auto;
    display: block;
    width: 100%;
}

ul.list-type4 {
    counter-reset: li;
    list-style: none;
    font-size: 15px;
    padding: 0;
    margin-bottom: 4em;
}
.page-content-wapper ul {
    margin: 20px 0;
}
.list-type4 a, .list-type4.not-linked li {
    position: relative;
    display: block;
    padding: 0.45em 0.85em 0.45em 2em;
    margin: 0.5em 0;
    background: #f1f2f2;
    color: #000;
    text-decoration: none;
    box-shadow: inset 0.5em 0 rgb(45, 122, 190);
    transition: box-shadow .2s;
}
.list-type4 a:hover {
    box-shadow: inset 1em 0 rgb(45, 122, 190);
}
.voiceover_step1 {font-size: 24px;}
.link--dark {
    color: #212529;
}
.link--dark:hover {
    text-decoration: none;  color: #212529;
}

/* client logo */
.cl-logo img {webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.7; -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out;}
.cl-logo:hover img {webkit-filter: grayscale(0%); filter: grayscale(0%); opacity: 1;}

@media only screen and (max-width: 767px) {
    .action_section a {float: left; margin-left: 0;}
    .services-1.cl-logo {margin: 15px 0px;}
    .action_section h2 {font-size: 18px; margin: 10px 0px; line-height: 27px;}
    .action_section span {font-size: 14px;}
    .action_section a {font-size: 14px;}
    .navbar-brand img {height: 40px;}
}