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

*{
    margin: 0;
    padding:0%;
    box-sizing:border-box;
    font-family: 'Roboto', sans-serif;
}
 

.large-screen {
    font-size:54px;
}

h1{
    font-size:36px;
}
h2{
    font-size:32px;    
}
h3{
    font-size:28px;
}
h4{
    font-size:24px;
}
h5{
    font-size:18px;
}
h6{
    font-size:14px;
}
p{
    font-size: 18px;
    color: #;
}




@media (min-width: 350px) and (max-width: 768px) {
 h1{
    font-size:36px;
}
h2{
    font-size:32px;    
}
h3{
    font-size:28px;
}
h4{
    font-size:24px;
}
h5{
    font-size:18px;
}
h6{
    font-size:14px;
}
p{
    font-size:16px;
} 
}

.parastyle p{
    font-size: 14px;
    color: #333;
    line-height: 1.6;
}

.flip_box_area .flip_box .card_info h4 {
    margin: 15px 0 15px 0;
    letter-spacing: 0;
    font-weight: 600;
    font-size: 20px;
    color: #046a78;
    text-align: center;
}

.flip_box_area .flip_box .card_info {
    
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    padding: 1px 22px;
    transform: perspective(2000px) rotateY( -180deg );
    transition: .5s ease-out;
    background-color: #fff;
    box-sizing: border-box;
    backface-visibility: hidden;
}



/*---------- Header banner ------------*/
.header_banner
{
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 580px;
    width: 100%;
    position: relative;
    z-index: 1;
}
.green_overlay::before
{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: linear-gradient( 180deg , rgba(255,255,255,0) 0%, rgba(14,96,62,0.85) 100%);
    z-index: 1;
}


.header_banner .container
{
    height: 100%;
}
.header_banner .container .flex_row
{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    text-align: center;
    flex-direction: column;
    min-height: 580px;
    z-index: 22;
    position: relative;
}
.header_banner .container .flex_row h1
{
    width: 100%;
    color: #fff;
    
    font-weight: 500;
    line-height: 1.2;
    
}
.header_banner .container .flex_row p
{
    color: #fff;
    width: 100%;
    font-size: 18px;
    line-height: 1.3;
    margin-bottom: 0;
    
}
/*------------ overview section -------*/



.overviw-sec
{
    padding: 30px 0;
    
}
.overviw-sec .overview_area h3
{
   margin: 0 0 20px 0;
    padding-bottom: 12px;
    position: relative;
    
}
.overviw-sec .overview_area h3::before
{
    position: absolute;
    bottom: 0;
    left: 0; 
    background: none!important;
    height: 2px; 
    width: 280px; 
    content: "";
    
}
.overviw-sec .overview_area .text-overview
{
   padding: 30px 30px 0 0;
    
}
.overviw-sec .overview_area .text-overview p
{
    font-size: 16px;
    color: #333;
    line-height: 1.6;
    margin: 0 0 20px;
    font-weight: 300;
    
}
.overviw-sec .sub_link_area h3
{
    
    color: #046a78;
    line-height: 1.5;
    margin: 0 0 10px 79px;
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 20px;
    
}
.overviw-sec .sub_link_area .sub_link_box ul
{
  background: #046a78;
    padding: 15px 16px 10px 27px;
    list-style-type: none!important;
    max-height: 440px;
    overflow-y: scroll;
    border-radius: 5px;
    margin: 0px;
    
}
.overviw-sec .sub_link_area .sub_link_box ul::-webkit-scrollbar 
{ 
    width: 10px; 
    border-radius: 3px;
    
}  
.overviw-sec .sub_link_area .sub_link_box ul::-webkit-scrollbar-track 
{ 
    background: #e8e8e8!important;
    } 
.overviw-sec .sub_link_area .sub_link_box ul::-webkit-scrollbar-thumb
{ 
    background: #c2c2c2!important;
    }  
.overviw-sec .sub_link_area .sub_link_box ul::-webkit-scrollbar-thumb:hover 
{ 
    background: #555;
    }
.overviw-sec .sub_link_area ul li
{
    margin-bottom: 10px;
    color: #fff;
    font-size: 16px;
    letter-spacing: 0.5px;
    
}
.overviw-sec .sub_link_area ul li:last-child
{
    margin-bottom: 0px;
    
}
.overviw-sec .sub_link_area ul li a
{
    color: #fff;
    text-decoration: none;
    
}



/*---------second banner ----------------*/




.second_banner
{
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 400px;
    width: 100%;
    position: relative;
    z-index: 1;
    
}
.purple_overlay::before
{
    content: ""; 
    width: 100%; 
    height: 100%; 
    position: absolute; 
    left: 0;
    bottom: 0; 
    background: linear-gradient( 180deg , rgba(255,255,255,0) 0%, rgba(110,56,141,0.85) 100%);
    
}
.second_banner .container
{
    height: 100%;
    height: 540px;
    
}
.second_banner .container .flex_row
{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 100%;
    position: relative;
    z-index: 22;
    
}
.second_banner .container .flex_row h3
{
    color: #fff;
    font-size: 28px;
    line-height: 1.3;
    letter-spacing:0px;
    margin: 0px;
    
    
}
/*-------------------hel area -------------------*/




.help_area
{
    background-color: #EAE3EE;
    
}
.help_area .flex_row
{
    display: flex;
    
}
.help_area .flex_row .how_can_help
{
    width: 65%;
    max-width: 65%;
    padding: 40px 40px 40px 0px;
    
}
.help_area .flex_row .how_can_help h3
{
    margin: 0 0 40px; 
    line-height: 1.2;
    font-size: 27px; 
    color: #000;
    
}
.help_area .flex_row .how_can_help .wihte_cotent_box
{
    background: #fff;
    padding: 40px 40px 70px;
    
}
.help_area .flex_row .how_can_help .wihte_cotent_box p
{
    font-size: 18px;
    color: #666;
    line-height: 1.5;
    margin-bottom: 20px;
    
}
.help_area .flex_row .help_benifits
{
    background: #6e388d;
    padding: 40px;
    width: 35%;
    max-width: 35%;
    max-height: 950px;
    overflow-y: scroll;
    
}
.help_area .flex_row .help_benifits::-webkit-scrollbar
{ 
    width: 10px; 
    border-radius: 3px;
    
}  
.help_area .flex_row .help_benifits::-webkit-scrollbar-track 
{ 
    background: #6e388d; 
    
} 
.help_area .flex_row .help_benifits::-webkit-scrollbar-thumb
{ 
    background: transparent!important	; 
    
}  
.help_area .flex_row .help_benifits::-webkit-scrollbar-thumb:hover
{ 
    background: #555;
    }
.help_area .flex_row .help_benifits h3
{
    color: #fff;
    margin: 0 0 40px;
    line-height: 1.2; 
    font-size: 27px;}
.help_area .flex_row .help_benifits ul
{
    padding-left: 2px;
    margin: 0px;
    list-style-type: none!important;
    text-align: justify;
    
}
.help_area .flex_row .help_benifits ul li
{	
    font-size: 18px;
    color: #fff;
    line-height: 1.3;
    margin-bottom: 15px;
    
}

/* mobile code */

@media screen and (max-width: 920px)
{
   .help_area .flex_row
   {
       flex-direction: column;
       
   }
   .help_area .flex_row .how_can_help
   {
       width: 100%;
       max-width: 100%;
       padding: 30px 0 20px 0;
       
   }
   .help_area .flex_row .how_can_help .wihte_cotent_box
   {
       padding: 20px;
       
   }
   .help_area .flex_row .help_benifits
   {
       width: 100%;
       max-width: 100%;
       padding: 20px;
       
   }
}
/*--------------- cta area----------------*/


.cta_sec
{
       background: #046a78;
    padding: 40px 0;
    color: #fff;
    
}
.cta_sec h3
{
    font-size:40px!important;
   margin: 0px;
    line-height: 1.3;
    font-weight: 500;
}
.cta_sec p
{
   line-height: 1.3;
    margin-bottom: 15px;
    letter-spacing: 1px;
    font-weight: 100;
}
.cta_sec .cta_btn
{
    background: #fff;
    border-radius: 10px;
    padding: 1px 50px;
    text-align:center;
    
}
.cta_sec .cta_btn a
{
    display: inline-block;
    padding: 12px 20px;
    border-radius: 7px;
    text-transform: uppercase;
    color: #046a78;
    border: solid 1px #FFF;
    background-color: #fff;
    font-size: 20px;
    text-decoration: none;
    font-weight: 500;
    }
.cta_sec .cta_btn a:hover
{
    background-color: transparent;
    
}

@media screen and (max-width: 620px)
{
   .cta_sec h3
   {
    font-size: 2.8rem;
       
   }
   .cta_sec p{font-size: 20px}
}

/*------------- blog section ------------------*/



.blog_sec
{
    background-size: cover;
    width: 100%;
    
}
.blog_sec .blog_row
{
    background: rgba(255,255,255,0.7);
    padding: 30px 0; 
    margin-bottom: 70px;
    
}
.blog_sec .blog_row .blog_post_box
{
    margin-bottom: 20px;
    
}
.blog_sec .blog_row .blog_post_box .image_block
{
    margin-bottom: 20px;
    
}
.blog_sec .blog_row .blog_post_box .image_block img
{
    width: 100%;
    display: block;
    
}
.blog_sec .blog_row .blog_post_box h3
{
    
    color: #000;
    position: relative;
    line-height: 1.1; 
    padding: 0 40px 32px 0;
    margin: 0;
    font-size:22px!important;
    
} 
.blog_sec .blog_row .blog_post_box h3::before
{
    position: absolute;
    left: 0; 
    bottom: 15px; 
    width: 40px; 
    height: 4px;
    background: #000; 
    content: "";
    
}
.blog_sec .blog_row .blog_post_box p
{
    color: #333;
    font-size: 16px; 
    line-height: 1.2;
    
}












/*------------------------------ Header Menu -----------------------------*/



	/*---------------------------- Desktop Header ----------------*/
	
	
.lekhmart_header
{
    background: #fff center bottom no-repeat; 
    border-bottom:4px solid #046a78;
    background-size: 100% 8px;
    padding: 20px 0; 
    position: relative; 
    z-index: 2;
    
}
.lekhmart_header.fixed
{
    position:fixed!important;
    top:0;
    left:0;
    right:0;
    z-index:999999999999;
    transition: linear 0.5s; box-shadow: 0 0 1px 1px rgb(20 23 28 / 10%), 0 3px 1px 0 rgb(20 23 28 / 10%); 
}
.lekhmart_header .header_menu
{
    position: relative;
    display: block;
    width: 100%;
    
}
.lekhmart_header  a
{
    text-decoration: none;
    
}
.lekhmart_header .header_menu .flex_row
{
    display: flex;
    align-items: center;
    width: 100%;
    
}
.lekhmart_header .header_menu .flex_row .logo_Col
{
    flex: 1;
    max-width: 20%;
    display: flex;
    
     }
.lekhmart_header .header_menu .flex_row .logo_Col .logo_img
{
    padding: 0 35px 0 0;
    
}
.lekhmart_header .header_menu .flex_row .logo_Col .logo_img 
img
{
    width: 100%;
    
}
.lekhmart_header .header_menu .flex_row .nav_col
{
    flex: 1;
    max-width: 80%;
    
}
.lekhmart_header .header_menu .flex_row .nav_col .nav_menu ul.nav_top
{
    display: flex;
    list-style-type: none;
    padding: 0;
    margin: 0;
    justify-content: flex-end;
    
}
.lekhmart_header .header_menu .flex_row .nav_col .nav_menu ul.nav_top li 
{
    margin-left: 30px;
    display: flex;
    align-items: center;
    
}
.lekhmart_header .header_menu .flex_row .nav_col .nav_menu ul.nav_top li.get_quote_btn a 
{
    padding: 7px 20px;
    background-color: #046a78;
    border-radius: 4px;
    color: #fff;
    border:solid 1.5px #046a78;
    
}
.lekhmart_header .header_menu .flex_row .nav_col .nav_menu ul.nav_top li.get_quote_btn a:hover
{
    background: transparent;
    color: #046a78;
    
}
.lekhmart_header .header_menu .flex_row .nav_col .nav_menu ul.nav_top li a
{
    display: inline-flex;
    color: #333;
    text-transform: uppercase;
    font-size:15px;
    
}
.lekhmart_header .header_menu .flex_row .nav_col .nav_menu ul.nav_top li a:hover
{
    color: #f90c0f;
    
}
.lekhmart_header .header_menu .flex_row .nav_col .nav_menu ul.nav_top li a.mega_link span
{
    position: relative;
    display: block;
    
}
.lekhmart_header .header_menu .flex_row .nav_col .nav_menu ul.nav_top li a.mega_link span::after
{
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " " !important; 
    height: 0;
    width: 0;
    position: absolute; 
    pointer-events: none; 
    background: none;
    opacity: 0; top: 26px !important;
    display: inline-block;
    border-color: rgba(136,183,213,0); 
    border-bottom-color: #ffffff;
    border-width: 18px; 
    margin-left: -18px; 
    top: 35px !important;
    
}
.lekhmart_header .header_menu .flex_row .nav_col .nav_menu ul.nav_top li:hover a.mega_link span::after
{
    opacity: 1;
    
}
.lekhmart_header .header_menu .flex_row .nav_col .nav_menu ul.nav_top li .mega_menu
{
    position: absolute;
    top: 36px;
    left: 0;
    right: 0;
    padding-top: 46px!important;
    visibility: hidden;
    opacity: 0
    
}
.lekhmart_header .header_menu .flex_row .nav_col .nav_menu ul.nav_top li:hover .mega_menu
{
    display: block;  
    opacity: 1;
    visibility: visible;
    
}
.lekhmart_header .header_menu .flex_row .nav_col .nav_menu ul.nav_top li .mega_menu .megamenu_box
{
    width: 100% !important; 
    background: none;
    border: none; 
    box-shadow: none !important; 
    padding: 30px 0 20px 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    background-color: #fff;
    z-index: 66;
    
}
.lekhmart_header .header_menu .flex_row .nav_col .nav_menu ul.nav_top li .mega_menu .megamenu_box ul
{
    list-style-type: none;
    
}
.lekhmart_header .header_menu .flex_row .nav_col .nav_menu ul.nav_top li .mega_menu .megamenu_box ul li
{
    margin-bottom: 10px;
    
}
.lekhmart_header .header_menu .flex_row .nav_col .nav_menu ul.nav_top li .mega_menu .megamenu_box ul li a
{
    display: inline-block;
    text-transform: unset;
    
}
.lekhmart_header .header_menu .flex_row .nav_col .nav_menu ul.nav_top li .three_col ul
{
    padding: 0;
    
}
.lekhmart_header .header_menu .flex_row .nav_col .nav_menu ul.nav_top li .border_blue_left::before
{
    position: absolute; 
    top: 0; 
    left: -20px;
    height: 100%; 
    width: 3px; 
    background: #046a78;
    content: "";
    
}
.lekhmart_header .header_menu .flex_row .nav_col .nav_menu ul.nav_top li .border_blue_left .img_box
img
{
    width: 300px;
    height: 250px;
    max-width: 100%;
    
}
/*----------------------------- Mobile Header -------------------*/


.lekhmart_header .mobile_header
{
    display: none;
    
}
.lekhmart_header .mobile_header .flex_row
{
    display: flex;
    align-items: center;
    
}
.lekhmart_header .mobile_header .flex_row .logo_col
{
    flex: 1 1 auto;
    max-width: 80%;
    
}
.lekhmart_header .mobile_header .flex_row .logo_col img
{
    max-width: 250px;
    
}
.lekhmart_header .mobile_header .flex_row .toggle_col
{
    flex: 1 1 auto;
    max-width: 20%;
    
}
.lekhmart_header .mobile_header .flex_row .toggle_col a
{
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: flex-end;
    color: #046a78;
    
}
.lekhmart_header .mobile_header .flex_row .toggle_col a i
{
    font-size: 40px;
    
}
.lekhmart_header .mobile_header .mobile_nav
{
    position: absolute;
    top: 100%; 
    left: -100%;   
    z-index: 777; 
    background-color: #fff;
    transition:  0.5s; 
    max-height: calc( 100vh - 96px);
    overflow-y: auto;
    right: auto;
    
}
.lekhmart_header .mobile_header .mobile_nav.active
{
    left: 0px;
    right: 0;
}

.lekhmart_header .mobile_header .mobile_nav ul.navigation
{
    padding: 0;
    margin: 0;
    list-style-type: none;
    
}
.lekhmart_header .mobile_header .mobile_nav ul.navigation li
{
    padding: 10px 0;
    
} 
.lekhmart_header .mobile_header .mobile_nav ul.navigation li a
{
    padding: 10px 15px;
    font-size: 16px;
    color: #333;
    position: relative;
    display: block;
    
}
.lekhmart_header .mobile_header .mobile_nav ul.navigation li a i
{
    position: absolute;
    right:  20px;
    font-size: 20px;
    transition: all 0.3s;
    
}
.lekhmart_header .mobile_header .mobile_nav ul.navigation li a i.active
{
    webkit-transform: rotate( 90deg );
    -ms-transform: rotate(90deg); 
    transform: rotate( 90deg );
    
}
.lekhmart_header .mobile_header .mobile_nav ul.navigation li.have_child .sub_menu
{
    display: none;
    overflow: hidden; 
    background: #fafafa;
    padding-left: 25px;
    list-style-type: none;
    
}
.lekhmart_header .mobile_header .mobile_nav ul.navigation li.have_child .sub_menu.active
{
    
}
	/*--------------------------------- Responsive -----------------------------*/
	
	
@media screen and (max-width: 1024px)
{
.lekhmart_header .header_menu .flex_row .nav_col .nav_menu ul.nav_top li{margin-left: 30px}
}

@media screen and (max-width: 980px)
{
.lekhmart_header{padding: 15px 0}
.lekhmart_header .header_menu{display: none;}
.mobile_header{display: block!important;}
}

@media screen and (max-width: 620px)
{
.lekhmart_header .mobile_header .flex_row .toggle_col a i{font-size: 30px}
}


/*--------------------------------------- Home Page Flip Boxes ------------------------------------------*/


.home_page_flip_box_area
{
    padding: 5px 5px;
    width: 1200px!important;
    max-width: 100%!important;
    
}
.home_page_flip_box_area  .flip_box_area
{
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    
}
.home_page_flip_box_area  .flip_box_area .flex_col
{
    flex: 1 1 0;
    overflow: hidden;
    padding: 10px 5px; 
    
}
.home_page_flip_box_area  .flip_box_area .flip_box
{
    position: relative;
    display: block;
    overflow: hidden;
    max-width: 100%;
    width: 220px;
    height: 220px;
    cursor: pointer;
    margin: auto;
    margin-bottom: 30px;
    
}
.home_page_flip_box_area  .flip_box_area .flip_box.active .card_front
{
    -webkit-transform: rotateY( -180deg );
    transform: rotateY( -180deg );
    
}
.home_page_flip_box_area  .flip_box_area .flip_box .card_front
{
    height: 100%;
    position: relative; 
    opacity: 1;
    -webkit-transition: .5s ease-out; 
    transition: .5s ease-out;
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    
}
.home_page_flip_box_area  .flip_box_area .flip_box .card_front::before
{
    position: absolute; 
    top: 0; 
    left: 0;
    right: 0;
    bottom: 0; 
    content: '';
    background-color: rgba(0, 0, 0, 0.8); -webkit-transition: .3s ease-out; 
    transition: .3s ease-out;
    
}
.home_page_flip_box_area  .flip_box_area .flip_box:hover .card_front::before
{
    background-color: rgba(0, 0, 0, 0.5);
    
}
.home_page_flip_box_area  .flip_box_area .flip_box .card_front .front_heading
{
    position: absolute;
    color: #ffeed9; 
    left: 50%;
    top: 50%; 
    -webkit-transform: translate(-50%, -40%); 
    transform: translate(-50%, -40%); 
    letter-spacing: .1em; 
    font-size: 16px; 
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    
}
.home_page_flip_box_area  .flip_box_area .flip_box .card_front .front_heading::before
{
    left: -3rem;
    top: -1.5rem; 
    border-top: 3px #036371 solid;
    border-left: 3px #ffffff solid;
    
}
.home_page_flip_box_area  .flip_box_area .flip_box .card_front .front_heading::after
{
    right: -3rem;
    bottom: -1.5rem; 
    border-bottom: 3px #036371 solid;
    border-right: 3px #ffffff solid;
    
}
.home_page_flip_box_area  .flip_box_area .flip_box .card_front .front_heading::before,
.home_page_flip_box_area  .flip_box_area .flip_box .card_front .front_heading::after
{
    content: '';
    position: absolute;
    width: 3.375rem;
    height: 3rem;
    -webkit-transition: .3s ease-out; 
    transition: .3s ease-out;
    
}
.home_page_flip_box_area  .flip_box_area .flip_box:hover .card_front .front_heading::before,
.home_page_flip_box_area  .flip_box_area .flip_box:hover .card_front .front_heading::after
{ 
    width: 4rem; 
    height: 3.625rem; 
    
}
.home_page_flip_box_area  .flip_box_area .flip_box .card_front .bg_img
{
    position: absolute; 
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%; 
    z-index: -1;
    
}
.home_page_flip_box_area  .flip_box_area .flip_box .card_front .bg_img img
{
    display: block;
    width: 100%;
    height: auto;
    
}
.home_page_flip_box_area  .flip_box_area .flip_box.active .card_info
{ 
    -webkit-transform: none;
    transform: none;
    z-index: 3;
    
}
.home_page_flip_box_area  .flip_box_area .flip_box .card_info
{
    position: absolute; 
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    padding: 1px 10px;
    transform: perspective(2000px) rotateY( -180deg );
    transition: .5s ease-out; 
    background-color: #f0f0f0;
    box-sizing: border-box;
    backface-visibility: hidden;
    
}
.home_page_flip_box_area  .flip_box_area .flip_box .card_info h4
{
    margin:  20px 0 10px 0; 
    letter-spacing: 0; 
    font-weight: 600; 
   
    color: #036371;
    text-align: center;
    
}
.home_page_flip_box_area  .flip_box_area .flip_box .card_info .text_box
{
    
    z-index: 2;
    
}
.home_page_flip_box_area  .flip_box_area .flip_box .card_info .text_box .text_content p
{
    text-align: justify;
    font-size: 12px;
    line-height: 16px;
    
}
.home_page_flip_box_area  
.flip_box_area .flip_box 
.card_info .text_box
.text_content h5
{
    font-weight: 500;
  
    margin: 0 0 5px 0;
    
}

.home_page_flip_box_area  
.flip_box_area .flip_box 
.card_info .text_box 
.text_content
.know_more_btn_area
{
    position: absolute;
    right: 0px;
    bottom: 0px;
    left: 0;
    padding: 0 5px 5px 5px;
    text-align: center;
    background: rgb(2,0,36); 
    background: linear-gradient(0deg, rgba(2,0,36,0.7343312324929971) 0%, rgba(12,7,41,0.4542191876750701) 53%, rgba(203,202,202,0.69) 99%);	}
    .home_page_flip_box_area  .flip_box_area .flip_box .card_info .text_box .text_content .know_more_btn_area a
    {
        text-decoration: none;
        display: inline-block;
        color: #fff;
        
    }


@media screen and (max-width: 920px)
{
	.home_page_flip_box_area  .flip_box_area{flex-wrap: wrap;justify-content: center;}
	.home_page_flip_box_area  .flip_box_area .flex_col{flex: 1 1 auto}
}

@media screen and (max-width: 620px)
{
	.home_page_flip_box_area .flip_box_area .flip_box{height: 280px;width: 280px}
}


/*----------------- On demand developer page  ---------------*/


.on_demand_banner
{
    background-image: url(https://www.chetu.com/img/javascript/sliderbg/javascript-banner.jpg?_d=UTcGVVnTrGggQ34QnwGHhiAInp3iGLisiGGe);
    background-size: cover;
    min-height: 650px;
    background-repeat: no-repeat;
    position: relative;
    
}
.on_demand_banner .container, .on_demand_banner .container .row_min_height
{
    min-height: inherit;
    
}
.on_demand_banner .container .flex_content_row
{
    min-height: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    width:100%;
    
}
.on_demand_banner .container .flex_content_row .content_banner
{
    text-align: center;
    justify-content: center;
    
}
.on_demand_banner .container .flex_content_row .content_banner h1
{
    
    line-height: 52px;
    font-weight: 900;
    text-transform: uppercase;
    color: #046a78;
    
}
.on_demand_banner .container .flex_content_row .content_banner a
{
    border: 3px solid #046a78 !important;
    background-color: #046a78;
    color: #fff;
    display: inline-flex;
    padding: 15px 20px;
    border-radius: 60px;
    -webkit-transition: all 0.2s ease; 
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    text-transform: uppercase;	
    font-size: 20px;
    margin-bottom: 90px;
    margin-top: 40px;
    
}
.on_demand_banner .container .flex_content_row .content_banner a:hover
{
    background-color: transparent;
    color: #333;
    
}
.on_demand_banner .bottom_fixed_row_area
{
    position: absolute;
    bottom: 0px;
    width: 1170px;
    max-width: 100%;
    
}
.on_demand_banner .bottom_fixed_row_area .flex_row
{
    display: flex;
    align-items: center;
    width: 100%;
    
}
.on_demand_banner .bottom_fixed_row_area .flex_row .flex_col
{
    flex: 1 1 0;
    padding: 15px;
    text-align: center;
    
}
.on_demand_banner .bottom_fixed_row_area .flex_row .flex_col .upper_block svg{}
.on_demand_banner .bottom_fixed_row_area .flex_row .flex_col .upper_block h3
{
    margin: 10px 0 5px 0;
    
    text-transform: uppercase;
    font-weight: 600;
    line-height: 18px;
    color:#000!important;
    
}
.on_demand_banner .bottom_fixed_row_area .flex_row .flex_col .lower_block ul
{
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    
}
.on_demand_banner .bottom_fixed_row_area .flex_row .flex_col .lower_block ul li
{
    font-size: 14px; 
    line-height: 20px;
    color:#333;
    
}


@media screen and (max-width: 900px)
{
	.on_demand_banner .bottom_fixed_row_area{position: relative;}
	.on_demand_banner .bottom_fixed_row_area .flex_row{flex-wrap: wrap;}
	.on_demand_banner .bottom_fixed_row_area .flex_row .flex_col{flex: 50%;}
	.on_demand_banner .container .flex_content_row .content_banner a{margin-top: 10px !important; font-size: 18px !important;}
}
@media screen and (max-width: 620px)
{
	.on_demand_banner .bottom_fixed_row_area .flex_row .flex_col{flex: 100%;}
	.on_demand_banner .container .flex_content_row .content_banner a{font-size: 14px}
	.on_demand_banner .container .flex_content_row .content_banner h1{line-height: 52px;}
}




.skill_sec
{
    padding: 50px 0;
    }
.skill_sec h2
{
    text-align: center;
    font-weight: 600;
    margin-bottom: 40px;
    color:#046a78;
    
}
.skill_sec .row
{
    margin-bottom: 30px;
    
}
.skill_sec .skill_box .head_img_box
{
    text-align: center;
    margin-bottom: 10px;
    
}
.skill_sec .skill_box .head_img_box a img
{
    display: inline-block;
    margin-bottom: 10px;
    max-width: 100%;
    height: auto;
    
}
.skill_sec .skill_box .head_img_box a h3
{
  
    margin: 5px 0;
    color: #333;
    
}
.skill_sec .skill_box .head_img_box a hr
{
    width: 90px;
    border: 1px solid #bfbfbf;
    margin:10px auto!important;
    
}
.skill_sec .skill_box .content_box p
{
    color:#000;
    font-size:16px;
    line-height:26px;
    text-align:justify;
    
}



.right_time_hire
{
    background-image: url(https://www.chetu.com/img/on-demand-developers/knowing-the-right-time-to-hire-on-demand-professionals.jpg);
    padding: 50px 0;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
    
}
.right_time_hire h2
{
    margin: 0 0 20px 0;
    color: #fff;
    font-weight: 600;
    
}
.right_time_hire p
{
    margin: 8px auto 30px auto;
    color: #fff;
    font-size: 16px;
    max-width: 980px; 
    
}
.right_time_hire a
{
    border: 3px solid #ef5a16 !important;
    background-color: #ef5a16;
    padding: 10px 25px;
    text-transform: uppercase;
    color: #fff;
    display: inline-block;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    border-radius: 60px;
    
}
.right_time_hire a:hover
{
    background-color: transparent;
    color: #333;
    
}





.develepment_solutions
{
    padding: 50px 0;
    
}
.develepment_solutions h2
{
    margin: 0 0 40px 0;
    text-align: center;
    color: #046a78;
    font-weight: 600;
    
}
.develepment_solutions .middle_img
{
    padding: 10px;
    
}
.develepment_solutions .middle_img img
{
    width: 100%;
    
}
.develepment_solutions .development_link_box
{
    display: flex;position: relative;
    margin-bottom: 20px;
    
}
.develepment_solutions .development_link_box a
{
    display: flex;
    width: 100%;
    align-items: center;
    
}
.develepment_solutions .development_link_box a .img_box
{
    width: 25%;
    
}
.develepment_solutions .development_link_box a .img_box img
{
    width: 54px;
    
}
.develepment_solutions .development_link_box a .detail_box
{
    position: relative;
    width: 75%;
    
}
.develepment_solutions .development_link_box a .detail_box h3
{
    margin: 10px 0;
    color: #636363;
   
    
}
.develepment_solutions .development_link_box a .detail_box hr
{
    max-width: 35%;
    margin: 5px 0; 
    height: 2px; 
    border: none; 
    background: #ccc; 
    min-width: 90px;
    text-align: left;
    width: 90px;
    
}
.develepment_solutions .left_link_box .development_link_box a
{
    flex-direction: row-reverse;
    
}
.develepment_solutions .left_link_box .development_link_box a .detail_box hr
{
    position: absolute; 
    right: 0; 
    margin-right: 10px;
    
}
.develepment_solutions .left_link_box .development_link_box a .detail_box h3
{
    text-align:right;
    padding-right: 10px;
    
}

@media screen and (max-width: 900px)
{

	.develepment_solutions .development_link_box a .img_box
	{
	    text-align: center;
	    width: 16.66666667%;
	    
	}
	.develepment_solutions .development_link_box a .img_box img
	{
	    width: 60px;
	    
	}
	.develepment_solutions .left_link_box .development_link_box a
	{
	    flex-direction: row;
	    
	}
	.develepment_solutions .left_link_box .development_link_box a .detail_box h3
	{
	    padding: 0px!important;
	    text-align: left;
	    
	}
	.develepment_solutions .left_link_box .development_link_box a .detail_box hr
	{
	    right: auto;left: 0
	    
	}
}

@media screen and (max-width: 620px)
{
	.develepment_solutions h2{font-size:3.2rem;}
	.develepment_solutions .middle_img{display: none;}
	.develepment_solutions .development_link_box a .img_box img{width: 38px}
}

 


.team_sec_leader{padding: 60px 10px;background-color: #eae2ef}
         .leader_area{padding: 40px;background-color: #fff;border-radius: 4px; -webkit-box-shadow: 10px 10px 37px 1px rgba(189,189,189,1); -moz-box-shadow: 10px 10px 37px 1px rgba(189,189,189,1); box-shadow: 10px 10px 37px 1px rgba(189,189,189,1); }
         .leader_area .leader_row{display: flex;width: 100%;justify-content: space-around;flex-wrap: wrap;}
         .leader_area .leader_row .flex_col{flex: 1 1 50%;padding: 0 10px;margin-bottom: 40px}
         .leader_area .leader_row .flex_col .leader_box{display: flex;align-items: center;}
         .leader_area .leader_row .flex_col .leader_box .leader_img{width: 220px!important;margin-right: 10px;flex: 1 1 auto;justify-content: center;text-align: center;max-width:220px;}
         .leader_area .leader_row .flex_col .leader_box .leader_img img{border-radius: 50%;border: solid 1px  #046a78;width: 180px;height: 180px;display: inline-block;}
         .leader_area .leader_row .flex_col .leader_box .leader_info{flex: 1 1 auto;}
         .leader_area .leader_row .flex_col .leader_box .leader_info .designation h3{font-size: 22px;line-height: 26px;color: #046a78;font-weight: 600; margin: 0}
         .leader_area .leader_row .flex_col .leader_box .leader_info .designation h4{font-size: 18px;line-height: 22px; color: #046a78;margin: 0 0 10px 0;}
         .leader_area .leader_row .flex_col .leader_box .leader_info .leader_body p{font-size: 16px;line-height: 22px;color: #666;text-align: justify;}

         @media screen and (max-width: 620px)
         {
            .leader_area{padding: 20px 15px}
            .leader_area .leader_row .flex_col .leader_box{flex-direction: column;}
            .leader_area .leader_row .flex_col .leader_box .leader_img{margin:0 0 10px 0}
            .leader_area .leader_row .flex_col .leader_box .leader_info .designation h3,.leader_area .leader_row .flex_col .leader_box .leader_info .designation h4{text-align: center;}
         }
      
      
       .solution_sec_leader{height: 600px;background-image: url(https://d3tj4wnms16o5e.cloudfront.net/s3fs-public/2018-12/landingpage1.png);background-size: cover;background-repeat: no-repeat;background-position: center middle;}
       .solution_sec_leader .solution_flex{display: flex;height: 100%;align-items: center;justify-content: center;}
       .solution_sec_leader .solution_flex .content_center{padding: 0 15px;width: 100%;text-align: center;}
       .solution_sec_leader .solution_flex .content_center h2{color: #fff;font-size: 45px; line-height: 55px; border-bottom: 5px solid #fff; display: inline-block; margin: 0;}
       .solution_sec_leader .solution_flex .content_center p{font-size: 28px; display: block; max-width: 800px; margin: 40px auto;  line-height: 34px;;color: #fff}
       .solutions_btns a{padding: 17px; font-size: 14px; line-height: 18px; color: #fff; text-decoration: none; min-width: 165px; text-transform: uppercase; display: inline-block;margin: 0 7px;border-radius: 3px}
       .solutions_btns a.site_blue_btn{background-color: #1d96bb}
       .solutions_btns a.site_basic_btn{background-color: #046a78}