/*page1*/

body{
    font-family:Montserrat;
        box-sizing: border-box;
    padding: 0px;
    margin: 0px;

}



strong {
   font-family: MontserratMedium;
}

input, textarea {
        font-family: MontserratMedium;
}

select, option {
   font-family: MontserratRegular;
}

tr, th, td {
     font-family: MontserratRegular;
}

button {
        font-family: MontserratMedium;
}

label {
     font-family: MontserratRegular;
       margin: 24px 0px 24px 0px;
}


span {
       font-family: MontserratRegular;
}

h1, h2, h3, h4, h5{
      font-family: MontserratExtraBold;
      margin: 5px 0px 5px 0px;
}

h6 {
      font-family: MontserratExtraBold;
      color: #808080ba;
    margin: 24px 0px 24px 0px;
}

small{
    display: block;
    font-family: MontserratRegular;
    font-size: 13px;
    color: #8a7b7b;
}

a {
  font-family: MontserratRegular;
}




p {
        font-family: MontserratRegular;
      font-size: 20px;
}

ul li {
     font-family: MontserratRegular;
}






@font-face {
  font-family: MontserratBlackItalic;
  src: url("../fonts/montserrat/Montserrat-BlackItalic.otf");
  font-display: swap; }
@font-face {
  font-family: MontserratBlack;
  src: url("../fonts/montserrat/Montserrat-Black.otf");
  font-display: swap; }
@font-face {
  font-family: MontserratBoldItalic;
  src: url("../fonts/montserrat/Montserrat-BoldItalic.otf");
  font-display: swap; }
@font-face {
  font-family: MontserratBold;
  src: url("../fonts/montserrat/Montserrat-Bold.otf");
  font-display: swap; }
@font-face {
  font-family: MontserratExtraBoldItalic;
  src: url("../fonts/montserrat/Montserrat-ExtraBoldItalic.otf");
  font-display: swap; }
@font-face {
  font-family: MontserratExtraBold;
  src: url("../fonts/montserrat/Montserrat-ExtraBold.otf");
  font-display: swap; }
@font-face {
  font-family: MontserratExtraLightItalic;
  src: url("../fonts/montserrat/Montserrat-ExtraLightItalic.otf");
  font-display: swap; }
@font-face {
  font-family: MontserratExtraLight;
  src: url("../fonts/montserrat/Montserrat-ExtraLight.otf");
  font-display: swap; }
@font-face {
  font-family: MontserratItalic;
  src: url("../fonts/montserrat/Montserrat-Italic.otf");
  font-display: swap; }
@font-face {
  font-family: MontserratLightItalic;
  src: url("../fonts/montserrat/Montserrat-LightItalic.otf");
  font-display: swap; }
@font-face {
  font-family: MontserratLight;
  src: url("../fonts/montserrat/Montserrat-Light.otf");
  font-display: swap; }
@font-face {
  font-family: MontserratMediumItalic;
  src: url("../fonts/montserrat/Montserrat-MediumItalic.otf");
  font-display: swap; }
@font-face {
  font-family: MontserratMedium;
  src: url("../fonts/montserrat/Montserrat-Medium.otf");
  font-display: swap; }
@font-face {
  font-family: MontserratRegular;
  src: url("../fonts/montserrat/Montserrat-Regular.otf");
  font-display: swap; }
@font-face {
  font-family: MontserratSemiBoldItalic;
  src: url("../fonts/montserrat/Montserrat-SemiBoldItalic.otf");
  font-display: swap; }
@font-face {
  font-family: MontserratSemiBold;
  src: url("../fonts/montserrat/Montserrat-SemiBold.otf");
  font-display: swap; }
@font-face {
  font-family: MontserratThinItalic;
  src: url("../fonts/montserrat/Montserrat-ThinItalic.otf");
  font-display: swap; }
@font-face {
  font-family: MontserratThin;
  src: url("../fonts/montserrat/Montserrat-Thin.otf");
  font-display: swap; }








  /*header-sidebar starts*/



.sidebar {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}

.sidebar a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.sidebar a:hover {
    color: #f1f1f1;
}

.sidebar .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}
.openbtn {
    font-size: 27px;
    cursor: pointer;
    background-color: #17175d;
    color: white;
    padding: 10px 15px;
    border: none;
    margin-left: 8px;
}
.openbtn:hover {
    background-color: #17175d;
}

#main {
    transition: margin-left 0.5s;
}
/*ends*/


/*header*/
header{
    position: fixed;
    width: 100%;
    z-index: 1;

}

header nav {
    background: #17175d;
    align-items: center;
    page-break-after: 10px;
    text-align: -webkit-center;
    text-align:center;
        padding: 20px;
}
.top-rgt-button{
    background: aquamarine;
    color: blue;
    padding: 9px;
    border-radius: 9px;
    font-size: 15px;
}



.left-button {
width: 20%;
}
.header-logo-cntr img{
    width: 170px;

}


.right-button{
  
} 
.right-button .nav{display: flex;
    justify-content: space-around;
        align-items: center;
}
.header-logo-cntr{
  width: 79%;
}
.nav a {
 
  text-decoration: none;
}
.nav .login {
      color: white;
}



/*banner*/
.banner{
    margin-top: 93px;
}

.banner-container{
    background-image: url("../new-img/banner.png");      
    background-repeat: no-repeat;
    background-size:  auto;
}
.banner-content img{
    width:100px;
    border-radius: 5px;
}
/*end*/






/*services section*/


.services-column{
    align-items: center;
    margin-top: 12px;

}

 .servcs{ 
   
    text-align: center;
}



.line{
  margin: 10px 10px 10px 10px;
    text-align: -webkit-center;
    border: 0.1px solid #b1b1da;
}

.line-1{
     width: 100%;
    border: 1px solid #0b0b3b;
}


/*about sec*/

.abt-us .section-heading{
    text-align: start;
    display: block;
    font-size: 69px;
    color: lightgrey;
}
.abt-us .ab-wrks img{
width: 70%;
height: 2%;
}
.ab-wrk ,.ab-wrks{}

.abt-us .tow-mr{
margin: 38px 26px;
text-align: center;

}
/*end*/

/*how-section*/
.tow-how .section-heading{
    text-align: end;
    display: block;
    font-size: 69px;
    color: lightgrey;

}
.tow-how .tow-mr{
margin: 38px 26px;
text-align: center;
}

.hw-wrk , .hw-wrks{
    
}

.tow-mr .hw-wrks img {width: 150px;
text-align: center;}
/*strt-e*/

.strt-e {
  background-image: url(../new-img/10new.jpg);
  background-size:cover;
}
.bn-dt {
   background-repeat: no-repeat;
    background-size: 100% auto;
    
    padding: 19px;
   background-image:linear-gradient(
45deg
, black, transparent);
   color: #fff;
}

 .our-services .tow-mr {
 
     margin: 38px 26px;
  }

.our-services .section-heading{
    text-align: center;
    display: block;
    font-size: 69px;
    color: #efe9e9;
  position: relative;
    top: 66px;
    z-index: -1;}


.os-content{
  text-align: center;
      margin: 0 0 56px 0;
}
.os-sec{
  display: flex;
    justify-content: space-around;
}
.os-data{
      width: 28%;
          background: #edf2f8;
}

.wrk-content{
  display: flex;
    justify-content: space-evenly;
    text-align: center;
        margin: 95px 42px;

}
   .tp-img{ text-align: center;
   }
.tp-lft{
      width: 22px;
    text-align: center;
    background:#5252c4;
        color: white;
            padding: 10px;
}
   .wrk-1{
        width: 26%;
        background: #b3cdf1;
        padding: 14px;
        box-shadow: 1px 2px 5px 2px #94c1ff;
        margin: 10px;
   }

/**/


/**/

footer {
    background: #446cb2;
    color: white;
}

.f-data1 img {
   height: 42px;
    padding: 8px;

}

.nav ul {
 margin:27px auto;
}

.app-btn {
    border-radius: 16px;
}

.f-data1 a {
    text-decoration: none;
    font-weight: 100;
    color: white;
}
.f-data1 h3{margin-top: 0px;}

.srvs ul{
    list-style-type: none;
}
.f-data1{
    margin: 10px;
}
.f-data1 .tow-links{
    display: block;}

/*.footer-data .link-sec {
    display: inline-grid;
}*/

.footer-data {

    padding: 20px;
    margin: 3px;
   
}

.social-links a {
    text-decoration: none;
    color: white;
}

.footer-data2 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.footer-data2 .social-links {
      margin-top: 20px;
}

.dsg-info a {
    text-decoration: none;
    color: white;
}

.f-line {
   background-color: #446cb2;
}

.f-line-1 {
    border: .5px outset #84b0ff;
    position: relative;
    left: 13%;
    width: 74%;
}


.h-bnr {
  padding: 23px 12px 12px 30px;
}
.b-mr {
    margin-top: 12px;
    margin-bottom: 12px;
}

.b-mr a {
  background-color: #446cb2;
  padding: 8px 23px;
  color: #fff;
  text-decoration: none;
  border-radius: 3px;
} 

.top-rgt-button{
    background: #fff;
    color: blue;
    padding: 9px;
    border-radius: 3px;
    font-size: 15px;
}



.nw-hdr {
  width: 100%;
}
.nw-hd {
  display: flex;
}

.nw-hdr-ryt {
  width: 100%;
  margin-top: 7px;
}


.bk-now-btn {
    background-color: #446cb2;
    padding: 7px 23px;
    text-decoration: none;
    color: #fff;
    border-radius: 3px;
}
.bn-dt h2 {
  margin-bottom: 12px;
}

@media only screen  and (max-width: 800px) { 
.logo-left img {
    height: 78px;
    width: 70%;
    cursor: pointer;
}

.hedr-data {
    background-color: rgb(23, 23, 93);
    width: 100%;
    
}
.drop-sec{
    height: 264px;
 }

 .user-side-img{
         top: 150px;
 }
 .dropdown-content{
     top: 95px;
 }

.dropbtn{
     margin: 0px 14px 10px;
    position: relative;
    top: 89px;}

.openbtn{padding: 0%;}

.os-sec{
    display: flex;
     flex-direction: column;
    justify-content: space-around;
    align-items: center;
}

  .os-data { 
         width: 70%;
    background: #edf2f8;
    margin: 7px;

}
 .wrk-content {  flex-direction: column;
    align-items: center;
    margin: 0px;}



     .wrk-1 { width: 40%;
     }
}