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

html{
    scroll-behavior: smooth;
}


.align-btns:hover{
    background-color: #404040;
}


/* conatct page css */
.contact-us-bg{
    background-image :url('image/contact.jpg'); 
    background-color: black;
    background-size: 100%;
    background-repeat: no-repeat;
}

.contact_us_page_heading{
    font-size: 30px;
}

.contact_us_page_submit{

    background-color: white;
    color: black;
    font-size: 20px;
    border: 1px solid #000000;
    padding: 10px;


}
.btncenter{
    text-align:center;
    padding-top: 20px;

}

.contact_us_page_submit:hover{
    background-color: black;
    color:white;
}

.contact_us_logo-design{
    text-align: center;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #000;
    margin-top: 0px;
    font-family: 'Playfair Display', Georgia, serif;
}

/* contact form */
.contact_conatiner{
    background-color: #fff;
    border-radius: 10px;
    max-width: 50%; 
    padding: 30px;
    margin: 0 auto;
 }
 
 
 input[type=text] {
   width: 100%;
   padding: 12px 20px;
   margin: 8px 0;
   box-sizing: border-box;
   border: 1px solid #000000;
 }
 textarea {
   width: 100%;
   height: 150px;
   padding: 12px 20px;
   box-sizing: border-box;
   border: 1px solid #000000;
   border-radius: 4px;
   
   font-size: 16px;
   resize: none;
 }
 .contact_heading{
 text-align:center;
 }
 .privacy{
 text-align:center;
 }
 
 .conatct_form_btncenter{
 text-align:center;
 }
 .title{

    text-align: center;
    font-size: 35px;
    font-family: 'Playfair Display', Georgia, serif;
    padding: 30px;
    color:white;

}

hr.horizontal_line
{

        width: 120px;
        display: inline-block;
       	height: 3px;
        background: #e2a062;
}
.contact_us 
{
    text-align: center;
}
/* vinod css */
.learn_btn
{
    background: #e2a062;
    color: white;
    line-height: 50px;
    letter-spacing: .32px;
    transition: all .4s linear!important;
    border-radius: 3px;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    padding: 0 36px;
    text-decoration: none;
}
.learn_btn:hover 
{
    text-decoration: none;
    color: white;
}


.footer_bg 
{
    
    background: linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)), url("image/footer_bg.jpg") no-repeat scroll center center;
    background-size: cover;
    position: relative;
    z-index: 3;
    padding: 85px 0px 80px 0px;
   
}
.footer_bg .container h2 
{
    font-size: 40px;
    line-height: 38px;
    font-family: 'Bebas Neue', cursive;
    letter-spacing: 1.6px;
    color: #fff;
}
.footer_bg .container p
{
    font-size: 25px;
    color: #fff;
    font-weight: 500;
    
}

.footersection
 {
     width: 100%;
     height: auto;
     padding: 46px 0 10px 0;
     background: #353637;
     position: relative;
   
 }
 .footersection p
{
     color: #fff;
     
 }
 .footersection li a 
 {
     
     font-size:0.9rem;
     margin: 5px 0;
     line-height: 1.6;
     font-weight: 400;
     color: #fff;
     text-transform: capitalize;
     list-style-type: none;
 }
     
 .footersection li
 {
     list-style: none;
     padding: 3px 0;
 }
 .footersection h4 
 {
    font-size: 18px;
    color: #e2a062;
    letter-spacing: .36px;
    padding-top: 32px;
}
.footersection h5 
{
    font-size: 15px;
    color: white;
    letter-spacing: .3px;
    padding: 8px 0 40px;
}

 .footersection h3
 {
     text-transform: uppercase;
     color: #fff;
     margin-bottom:25px;
     font-size: 1.7rem!important;
     letter-spacing: 1.2px;
     font-family: 'Bebas Neue', cursive;
 }
 .news-input 
 {
    display: block;
    border: 2px solid #4a4a4b;
    background: 0 0;
    border-radius: 0;
    height: 55px;
    padding: 0 20px;
    outline: 0;
    box-shadow: none;
    margin-bottom: 30px;
 }
 h3.subscribe_usnow 
 {
     padding-left: 13px!important;
 }
 
 .news-input input
 { 
    font-size: 15px;
    color: rgba(255,255,255,.5);
    letter-spacing: .3px;
 }
 .Subscribe_now 
 {  
    color: white;
    font-size: 15px;
    margin-top: 30px;
    padding: 15px 40px!important;
    background: #292a2a!important;
    border: none;
    text-decoration: none;
    border-radius: 4px!important;
    margin-bottom: 30px;
    

 }
 .Subscribe_now:hover 
{
    text-decoration: none;
    color: white;
}


/* vinod css end */
/*mobile section */
@media only screen and (max-width: 768px){

     h3.subscribe_usnow{
       margin-top: 30px;
     
     }

     .ul-list-align{
         padding-left: 20px;
      }
	
    .welcome-part h2{
       font-size: 28px;
       letter-spacing: 1.2px;
    }

    
	.display-4{
        position: absolute;
        top: 49%;
        left: 50%;
        transform: translate(-50%,-50%);
        margin-bottom: 0px;    
        padding-bottom: 20px!important;
        width: 100%;   
    }
    .header-para{
        font-size: 1rem;
        color: #fff;
        text-align: center;
	letter-spacing: 1.3px;
    }
    .header-btn{
        text-align: center;
        margin-top: -30px;
    }
    .align-btns{
        text-align: center;
        background-color: transparent;
        border: 1px solid #fff;
        color: #fff;
        font-size: 8px;
        padding: 10px 13px;
        text-decoration: none;
        cursor: pointer;
        font-weight: 700;
    }

   img.img-fluid 
   {
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
    border-radius: 20px;
   }
 img.img-fluid 
 {
   transform: translateY(-20px);
 
  }
    #footer{
        background-color: #000000;
        color: #969670;
        text-align: center;
        padding-top: 40px;
        padding-bottom: 20px;
    }

    
     .footersection 
      {
        text-align: center!important;
      }
      .navlink_bottom 
       {
         margin-bottom: 10px;
       }
      .subscribe_usnow 
       {
         margin-bottom: 10px;
       }
      .fotter_content {
         text-align: center;
      }

    #body-part{
        font-family: 'Source Sans Pro', arial, sans-serif;
        text-align: center;
        padding-top: 20px;
        width: 243px;
    }
    .contact-btn{
        background-color: #000;
        text-align: center;
        color:#fff;
        padding-bottom: 21px;
        padding-top: 10px;
        margin-bottom: 0px;
        font-size: 16px;
    }
    .conatct_us_page_conatiner{

        width: 90%;
        height: 46vh;
        margin: 0 auto 85px;
        background-color: white;
        display: grid;
        place-items: center;
        padding-top: 20px;
        padding-bottom: 20px;
        text-align: center;
    }
    
    .subheading{
        font-size: 17px;
        padding-left: 10px;
        padding-right: 10px;
        text-align: center;
    }
    .contact_submit {
        margin: auto;
        text-align: center;
        border: 1px solid #000;
        color: black;
        font-size: 16px;
        padding: 8px 24px;
        text-decoration: none;
        cursor: pointer;
        font-weight: 700;
        margin: 0 auto;
        background-color: transparent;
     
     }

     /* aakriti css */
    

    #parallex{
        background-image: linear-gradient(rgba(22, 22, 22, 0.37) 0%, rgba(22, 22, 22, 0.37) 100%), url("image/sunset.jpg");
        min-height: 127.25vw;
        background-attachment: fixed;
        background-position: top;
        background-repeat: no-repeat;
        background-size: cover; 
        position: relative;
        font-family: 'Playfair Display', Georgia, serif;
    }
    .para-heading{
        color: rgba(247, 247, 247);
        font-size: 18px;
        line-height: 1.25;
        font-weight: 400;
    }
    .para{
        color: white;
        font-size: 13px;
        line-height: 1.3;
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
    .mail-test{
        display: none;
    }
    .logo-design{
        text-align: center;
        color: #fff;
        padding-top: 12px;
        font-size: 25px;
	letter-spacing: 1.4px;
        position: absolute;
        top: 3%;
        left: 50%;
        transform: translateX(-50%);
        z-index: 9999;
    }

    .mobile-view-top-part{
        display:none!important;
    }

     /*manish start */
     .heading1{

         font-size: 25px;
     
      }
      .heading2{
         text-align: center;
         font-size: 21px;
         text-align: justify;
      }
      .heading3{
         font-size: 25px;
      }
      .subpera{
         text-align: justify;
 
      }
      .imgcen{
          text-align:center ;
      }
 
      /*manish end */
    
      .expertise-section{
        margin-top: 45px;
        margin-bottom: 50px;
    }  
    .mobile-view-approach{
        margin-bottom: 40px;
    }
    .media i{
        color: #fff;
        font-size: 35px;
        padding-right: 30px;
    }
    .blank-border{
        border: 2px solid #000;
        height: 236px;
        width: 100%;
        margin-left:auto;
        margin-right:auto;
        margin-bottom: 10px;
    }

    .carousel-inner img {
        width: 100%;
        height: 240px;
    }
    .desktop-menu-top{
        display:none;
    }
    .mobile-menu-top{
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1030;
    }
    .mobile-view-about{
        font-size: 23px;
    }
    .mobile-about-sub-heading{
        font-size: 20px;
	text-align:center;
    }
}

/*desktop section */
@media only screen and (min-width: 768px){
    
   .welcome-part{
	    margin-top: 40px;
	
    } 
    .secnd-how-we-work{
        padding-top: 47px;
       }
    .welcome-part h2{
       font-size: 35px;
       letter-spacing: 1.2px;
    }

    .logo-design{
        text-align: center;
        color: #fff;
	position: absolute;
        top: 3%;
        left: 50%;
        transform: translateX(-50%);
	font-size: 40px;
	letter-spacing: 1.4px;
    }
    .media i{
        color: #fff;
        font-size: 50px;
        padding-right: 30px;
    }
    .blank-border{
        border: 2px solid #000;
        height: 236px;
        width: 80%;
        margin-left:auto;
        margin-right:auto;
    }
    
   #parallex{
        background-image: linear-gradient(rgba(22, 22, 22, 0.37) 0%, rgba(22, 22, 22, 0.37) 100%), url("image/sunset.jpg");
        min-height: 56.25vw;
        background-attachment: fixed;
        background-position: top;
        background-repeat: no-repeat;
        background-size: cover; 
        position: relative;
        font-family: 'Playfair Display', Georgia, serif;
    }
    .para-heading{
        color: rgba(247, 247, 247);
        font-size: 25px;
        line-height: 1.25;
        font-weight: 400;
    }

    .para{
        color: white;
        font-size: 18px;
        line-height: 1.5;

    }
    .display-4{
        position: absolute;
        top: 55%;
        left: 50%;
        transform: translate(-50%,-50%);  
        width: 48%;	
        }
    .header-para{
        font-size: 2.5rem;
        color: #fff;
        text-align: center;
	letter-spacing: 3.3px;
    }
    .header-btn{
        text-align: center;
    }
    .align-btns{
        text-align: center;
        background-color: transparent;
        border: 1px solid #fff;
        color: #fff;
        font-size: 16px;
        padding: 14px 16px;
        text-decoration: none;
        cursor: pointer;
        font-weight: 700;
    }
    #footer{
        background-color: #000000;
        color: #969670;
        display: flex;
        justify-content: space-around;
        padding-top: 40px;
        padding-bottom: 20px;
    }
    #body-part{
        font-family: 'Source Sans Pro', arial, sans-serif;
        text-align: center;
        color: white;
        padding-top: 54px;
        padding-bottom: 40px;
    }
    .contact-btn{
        background-color: #000;
        text-align: center;
        color:#fff;
        padding-bottom: 30px;
        margin-bottom: 0px;
        font-size: 16px;
    }
    
    .conatct_us_page_conatiner{

        width: 57%;
        height: 46vh;
        margin: 0 auto 85px;
        background-color: white;
        display: grid;
        place-items: center;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .subheading{
        font-size: 17px;
        margin-top: -30px;
    }
    .contact_submit {
        width: 20%;
        margin: auto;
        text-align: center;
        border: 1px solid #000;
        color: black;
        font-size: 16px;
        padding: 8px 24px;
        text-decoration: none;
        cursor: pointer;
        font-weight: 700;
        margin: 0 auto;
        background-color: transparent;
     
     }
     /* aakriti desktop css */
     .top-section-container{
        position: absolute;
        bottom: 0;
        top: 101%;
    }
    .desktop-view{
        display:none;
    }

    .desktop-view-top-part{
        display: none!important;
    }
    .expertise-section{
        margin-top: 149px;
        margin-bottom: 30px;
    }
    .heading2 {
        color: #464646;
        line-height: 35px;
        letter-spacing: 2.2px;
        padding-bottom: 15px;
    }
    .carousel-inner img {
        width: 100%;
        height: 100%;
    }
    li.nav-item {
        padding-right: 40px;
        padding-left: 40px;
    }

    .desktop-menu-top{
        position: absolute;
        top: 76px;
        right: 0;
        left: 0;
        z-index: 1030;
    }
    .mobile-menu-top{
        display:none;
    }
    .mainsection{
        background-color: #f6f6f6;
        box-shadow: 0 0 0px 0px rgba(20,23,28,.1), 0 3px 1px 0 rgba(20,23,28,.1);
        margin-top: 20px;
        padding-top: 30px!important;
    }
    .mobile-about-sub-heading{
        margin-bottom: 20px;
        font-size: 28px;
    }
    .signapore_address{
      margin-top: 20px;
    }
}

img.img-fluid
{
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
    border-radius: 20px;
}
img.img-fluid {
    transform: translateY(-20px);
}

/* aakriti css */

.top-three-sect{
    padding: 0;
    background: #dc995a;
    min-height: 272px;
    position: relative;
    overflow: hidden;
    transition: background 0.2s ease-in-out;
}
.top-three-sect:hover
{
    background-color: #ad5604;
    cursor: pointer;
}


.top-three-sect img, .top-three-sect-2 img, .top-three-sect-3 img{
    opacity: .1;
    position: absolute;
    background-size: cover;
    width: auto!important;
    height: 100%;
}

.top-three-sect-2{
    padding: 0;
    background: #232323;
    min-height: 272px;
    position: relative;
    overflow: hidden;
    transition: background 0.2s ease-in-out;
}
.top-three-sect-2:hover
{
background-color: #615d5f;
cursor: pointer;
}
.top-three-sect-3{
    padding: 0;
    background: #3c394c;
    min-height: 272px;
    position: relative;
    overflow: hidden;
    transition: background 0.2s ease-in-out;
}
.top-three-sect-3:hover
{
background-color: #181235;
cursor: pointer;
}

.media{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 87%;
}
.media-body h2{
    /*font: 600 30px/35px Montserrat,sans-serif; */
    padding-bottom: 10px;
}
.media-body p{
font-size: 17px;
line-height: 26px;
letter-spacing: .34px;
}

.media-body{
    display: table-cell;
    vertical-align: top;
    color: #fff;
}
/* end aakriti css */

/*Manish  */

/* navbar menu */
@media (min-width: 800px) and (max-width: 850px) {
    .navbar:not(.top-nav-collapse) {
        background: #1C2331!important;
    }
}
.navbar{
background-color: none;
}
.page-footer,.top-nav-collapse{
background-color:#1C2331}

@media only screen and (max-width:768px){
.navbar{
    background-color:#1C2331
   }
.mainsection{
    background-color: #f6f6f6;
    box-shadow: 0 0 0px 0px rgba(20,23,28,.1), 0 3px 1px 0 rgba(20,23,28,.1);
    margin-top: 20px;
   }     
}

hr.horizontal_line_2{
    width: 120px;
    height: 3px;
    background: #e2a062;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}