/*
Design URL 	: 	Share India Fincap - 04Aug2022
Design by  	: 	Cross Country Webservices
Designer   	: 	Rajesh Kumar Kukreja
Version	   	:	  HTML 5 / CSS 3 / Bootstrap 4
*/

/*font-family: 'Playfair Display', serif;*/
/*@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&display=swap');*/

/* font-family: 'Roboto', sans-serif;  */
/*@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');*/


/* font-family: 'Roboto Condensed', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap');

/*  font-family: 'Open Sans', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;1,600&display=swap');

@font-face{
  font-family:'Glyphicons Halflings';
  src:url("https://stackpath.bootstrapcdn.com/bootstrap/3.3.6/fonts/glyphicons-halflings-regular.eot");
  src:url("https://stackpath.bootstrapcdn.com/bootstrap/3.3.6/fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"),
  url("https://stackpath.bootstrapcdn.com/bootstrap/3.3.6/fonts/glyphicons-halflings-regular.woff2") format("woff2"),
  url("https://stackpath.bootstrapcdn.com/bootstrap/3.3.6/fonts/glyphicons-halflings-regular.woff") format("woff"),
  url("https://stackpath.bootstrapcdn.com/bootstrap/3.3.6/fonts/glyphicons-halflings-regular.ttf") format("truetype"),
  url("https://stackpath.bootstrapcdn.com/bootstrap/3.3.6/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular") format("svg")
}



html {   scroll-behavior: smooth; }  
body{ font-family: 'Open Sans', sans-serif;   font-weight: 400;  font-size:18px; line-height: 28px;  color:#4d4d4d; overflow-x: hidden; } 

h1, h2, h3, h4, h5{ font-weight: 400;  color:#4d4d4d; font-family: 'Roboto Condensed', sans-serif;}

p{  font-family: 'Open Sans', sans-serif;   font-size: 16px;  line-height:30px; color:#4d4d4d; font-weight: 400; text-decoration:none; margin:0px 0px 15px 0px; padding:0px;}
p a, p a:active, p a:visited {color:#4d4d4d;} p a:hover{color:000; } 
p strong{   font-weight: bold; color: inherit; }   em{ font-weight:normal;} 

a:hover, a:focus { outline: none; text-decoration: none;} *:focus, *:visited { outline: none; text-decoration: none; }
button:focus {     outline: 0px dotted;     outline: 0px auto -webkit-focus-ring-color; }

/***  issule resolved (carousel content blink) ***/

body{overflow-x: hidden; -webkit-transform: translateZ(0);  -moz-transform: translateZ(0); }

.clearfix { clear: both; position: relative; }


/*backtotop*/
#myBtn { display: none; position: fixed; bottom: 5px; right: 5px; z-index: 99999; font-size: 13px; border: none; outline: none; 
  background-color: #111; background: #e72324; /*opacity: 1;*/   color: white;  font-weight: 300; cursor: pointer;   padding: 10px 10px;   border-radius: 50px; }
#myBtn:hover { opacity: 0.8; }

/* common btn class */
.btn { background-color: #4d4d4d; border: none; border-radius: 0rem;  font-family: 'Open Sans', sans-serif;  color:#fff; cursor: pointer; display: inline-block; position: relative; text-transform: uppercase; 
transition: background-color 0.2s, color 0.2s; white-space: nowrap; font-size: 15px;  padding:15px 40px; margin-top: 20px; font-family: 700;  } 
.btn:hover, .btn:focus { opacity: 0.9;  outline: none; color: #fff;}
 

/* Style the header */
.fix-nav { background: none;   position: fixed;  /*  position: absolute; */ top: 0px; width: 100%; z-index: 999999; }
.content {  padding: 16px; } /* Page content */

/* The sticky class is added to the header with JS when it reaches its scroll position */
.sticky {    position: sticky;  top: 0; width: 100%; background:rgba(14, 31, 59, 0.9); }
/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
.sticky + section.header-service-detail { margin-top:-114px; }
 
 

/* Navbar */
.navbar {   padding: .7rem 1.5rem; }

nav.navbar.navbar-expand-xl.navbar-light {     max-width: 1600px;     margin: 0 auto; }
nav .navbar-brand{ padding-top: .7125rem; padding-bottom: .6125rem; max-width: 285px; /*opacity: 0.6;*/ }
nav .navbar-brand:hover{ opacity: 0.9;  }

.navbar-expand-xl .navbar-nav .nav-link { text-transform: uppercase; padding-right: 1rem;  padding-left: 1rem; max-width: 1300px; }
.navbar-nav .nav-link { color: #fff; font-size: 14px;  font-weight: 400; } /* font-size */

.navbar-nav .nav-link.blink_me { padding: 8px 15px; background:  #ed3237; border-radius: 5px;   margin-left:15px; } 

.blink_me_anim {   animation: blinker 1s linear infinite;}
@keyframes blinker {   70% {     opacity: 80%;   } }


.navbar-light .navbar-nav .active>.nav-link{ color: #fff; }
.navbar-light .navbar-nav .nav-link { color: #fff;   }
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: #fff; opacity: 0.8;  /* color: rgba(0,0,0,.7);*/ }


.navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; z-index: 999999; margin-top: 0px; text-align: left; background:rgba(14, 31, 59, 0.7);  }
.dropdown-item {  color: #bbb; font-size: 14px; text-transform: uppercase;  z-index: 999999; padding: 0.25rem 1rem 0.25rem 1rem;}
.dropdown-item:focus, .dropdown-item:hover { color: #fff;  text-decoration: none; background:rgba(14, 31, 59, 0.9);  }
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: rgba(255,255,255,.8); }
.dropdown:hover>.dropdown-menu {   display: block; } 




/* Banner  */
.header-service-detail{  /*height: 500px; max-height: 350px;*/   width: 100%;  height: 100vh; overflow: hidden; }
.header-service-detail img{  width: 100vw;     /*height: 500px; max-height: 350px;*/ height: 100vh;  object-fit: cover;     position: absolute; left: 0px;     top: 0px;   }
.header-service-detail .layer {position: absolute; top: 0; left: 0;    width: 100%;  height: 100vh;  
/*background-color: rgba(1, 32, 135, 0.70); */ /*background-color: rgba(0, 18, 76, 0.70); */ background-color: rgba(0, 0, 0, 0.10);}

.header-service-detail .carousel-caption { position: absolute;   bottom: 12%;   text-align: center; text-shadow: 4px 3px 4px rgba(0, 0, 0, 0.9);}
.header-service-detail .carousel-caption h2{ font-size: 62px;  line-height: 72px; font-weight: 700;   color: #fff;  margin-bottom: 10px;}
.header-service-detail .carousel-caption h2 span{ display: block; font-size: 18px;  line-height: 26px; font-weight: 300;   color: #fff;  margin-bottom: 10px;}
.header-service-detail  .carousel-caption p{  font-size:22px;  line-height: 30px; font-weight: 300;   color: #fff;}




/* Crousal Banner */
/*#carouselExampleCaptions{ height:100vh; width:100%;  }*/
.caption1{ position: relative; background: url(../images/home.jpg) 0 0 no-repeat;   width: 100%;  height: 100vh; 
background-size: cover !important;     background-repeat: no-repeat !important;     background-position: center !important; }
.caption2{ position: relative; background: url(../images/home2.jpg) 0 0 no-repeat;   width: 100%;  height: 100vh; 
background-size: cover !important;     background-repeat: no-repeat !important;     background-position: center !important; }

.caption3{ position: relative; background: url(../images/06_persnal-loan.jpg) 0 0 no-repeat;   width: 100%;  height: 100vh; 
background-size: cover !important;     background-repeat: no-repeat !important;     background-position: center !important; }


.carousel .carousel-caption { position: absolute;   bottom: 20%;   text-align: center; text-shadow: 4px 3px 4px rgba(0, 0, 0, 0.9);}
.carousel .carousel-caption h5{ font-size: 62px;  line-height: 62px; font-weight: 700;   color: #fff;  margin-bottom: 10px;}
.carousel  .carousel-caption p{  font-size:22px;  line-height: 32px; font-weight: 400;   color: #fff;}


/* S1 - Profile*/
.home-profile-s1-1{ padding: 0; text-align: center;    }
.home-profile-s1-1 .container-fluid{ padding: 0px; }
.home-profile-s1-1 .container-fluid .col-md-6{ padding: 0px; }

.home-profile-s1-1 .content{ padding: 0px 35px; text-align: left; max-width: 590px; }

.home-profile-s1-1 h2{ font-size: 52px; line-height: 52px; font-weight: 700; color: #363636;   }
.home-profile-s1-1  p{ font-size: 16px; line-height: 26px; font-weight: 400; color: #363636;  }

/*.home-profile-s1-1 .btn{ background: #f8f8f8; border: 1px solid #bbb9b9; border-radius: 0px; color: #4d4d4d; padding: 10px 40px; }
.home-profile-s1-1 .btn:hover{  background: #4d4d4d; color: #fff; border: 1px solid #4d4d4d; }*/



/* Services */
.home-profile-s1-2{ background: #f5f5f5; }
.service1{    width: 100%;  height: 95vh; overflow: hidden; }
.service1 img{  width: 100vw;  height: 95vh;  object-fit: cover;  position: absolute; left: 0px; top: 0px;  border-left: 4px solid #ed3237;  }
.service1 .layer {position: absolute; top: 0; left: 0;  width: 100%;  height: 95vh;  background-color: rgba(0, 0, 0, 0.10);
/*background-color: rgba(1, 32, 135, 0.70); */ /*background-color: rgba(0, 18, 76, 0.70); */}

.service1 .carousel-caption { position: absolute;   bottom: 10%; right: 10%;  text-align: right; text-shadow: 4px 3px 4px rgba(0, 0, 0, 0.9);}
.service1 .carousel-caption.s2{ position: absolute;   bottom: 10%;  right: auto; left: 10%; text-align: left;}

.service1 .carousel-caption h2{ font-size: 52px;  line-height: 62px; font-weight: 700;   color: #fff;  margin-bottom: 7px;}
.service1  .carousel-caption .btn{  font-size:18px;  line-height: 30px; font-weight: 400;   color: #fff;  background: rgba(14, 31, 59, 0.7); border-radius: 50px; text-transform: capitalize;}

.service1  .carousel-caption .btn:after {  content:'\00BB';  display:block; width:45px;  height:45px;  position:absolute;  font-size: 30px;
 border-radius:50px;   background:#ed3237;    left:-20px; top:50%;  transform:translateY(-50%); padding-top: 5px; font-weight: 300;} 
.service1  .carousel-caption .btn:hover{ background: rgba(14, 31, 59, 1); }



/* Map */
.india-map{  padding: 70px 0;   background: #0e1f3b;  }
.india-map h2{ font-size: 32px; line-height: 42px; font-weight: 700; color: #ed3237; margin-top: 25px; }
.india-map h2 span{ font-weight: 400; }
.india-map .india-map-content { max-width: 550px; }
.india-map .india-map-content p{ color: #fff; font-size: 16px; line-height: 26px; }

.india-map .india-map-content ul{ list-style-type: none; padding-inline-start: 10px;  }
.india-map .india-map-content li{   color: #fff; line-height: 22px; margin-bottom: 10px; font-size: 16px; margin-left: 0px; 
padding-left: 25px;     background: url(../images/bullets.png) 0px 7px no-repeat;}
.india-map .india-map-content li span{ display: block; font-size: 14px;  color: #fff; }


/* Growing Figures */
.growing-figures{ padding: 70px 0 180px 0; background: #e8e4e4;   }
.growing-figures h2{ font-size: 52px; line-height: 52px;  font-weight: 500; color: #0e1f3b;   text-align: center;}
.growing-figures h2 span{ font-size: 20px; line-height: 28px; font-weight: 500; color: #0e1f3b; text-transform: uppercase; display: block; }

.growing-figures h3{ font-size: 36px; line-height: 42px; font-weight: 400;  color: #ed3237;   text-align: center;}
.growing-figures h3 span{font-size: 42px;  line-height: 28px;   font-weight: 600; text-transform: uppercase; }

.growing-figures p span{ text-align: center; font-size: 16px; line-height: 28px;   font-weight: 400; color: #0e1f3b; text-transform: uppercase; display: block; }


footer{ background: #0e1f3b; min-height: 300px; }
footer p{ color: #fff; }

.footer{ background: #ed3237; max-width: 1240px; margin: 0 auto;  top: -80px; position: relative; padding: 30px 0;  }
.footer .f-text1{ border-right: 1px solid #f27073; min-height:140px; padding-top:15px; }
.footer .f-text1 p{ text-align: center; color: #fff; font-size: 14px; line-height: 20px; padding-right:20px; }
.footer .f-text1 p i{ display: block; margin-bottom: 7px; }
.footer .f-text1 p span{ display: block; }

.footer .f-text1 p a{ display: block; color: #f2d8d9; }
.footer .f-text1 p a:hover{  color: #fff; }


.footer2{ max-width: 900px; margin: 0 auto 50px auto;  }
.footer2 .f-text1 p{ color: #bccfd9; font-size: 14px; line-height: 22px; text-align: left; max-width: 290px; }
.footer2 .f-text1 .sm ul{ list-style-type: none; color: #fff; padding-inline-start:0px;  }
.footer2 .f-text1 .sm li{  display: inline-block; margin-right: 7px;}

.footer2 .f-text1 .sm li a{  color: #b7bcc5; border:1px solid #b7bcc5; display: block;  width: 32px; height: 30px;   border-radius: 50px;   text-align: center; }
.footer2 .f-text1 .sm li a .fa{ color: #b7bcc5; font-size: 14px; text-align: center;}
.footer2 .f-text1 .sm li a:hover{ opacity: 0.6;  }

a.f-logo{ padding-bottom: 20px; }
a.f-logo img{ max-width: 168px; }

.footer2 h4{ font-size: 17px; line-height: 24px; color: #fff; }
.footer2 ul{ list-style-type: none; color: #fff; padding-inline-start: 0px;}
.footer2 li a{   color: #bccfd9; font-size: 14px; line-height: 28px; }
.footer2 li a:hover{   color: #ffff;  }


.f3-copyright{ background: #27364f; color: #fff; padding: 10px 0; }
.f3-copyright p{ font-size: 13px; text-align: center; color: #bccfd9; margin-bottom: 0px;}
/**/


/*  */
.about-pg{ padding: 70px 0 0 0; margin: 0; }
.about-pg .container-fluid{   max-width: 1240px; margin: 0px auto; }
.about-pg .container-fluid .content{ margin: 0px 30px; padding: 15px 0; border-top: 1px solid #ccc; }

.about-pg .content h2{  font-size: 42px; line-height: 52px; font-weight: 300; color: #3d3d3d; margin-bottom: 5px;}
.about-pg .content h3{  font-size: 32px; line-height: 42px; font-weight: 300; color: #3d3d3d; margin-bottom: 5px;  }
.about-pg .content h3 span{ font-family: 'Open Sans', sans-serif; display: block;  font-size: 16px; line-height: 24px; font-weight: 300; color: #3d3d3d; margin-bottom: 5px;  }
.about-pg .content p{   font-size: 15px; line-height: 26px; font-weight: 400; color: #3d3d3d; margin-bottom: 25px; }

.about-pg .content ul{ list-style-type: none; margin-block-start: 0; padding-inline-start: 12px; }
.about-pg .content li{ background: url(../images/bullets2.png) 3px 7px no-repeat; font-weight: 400;
 padding-left: 30px; font-size: 15px; line-height: 22px; margin-bottom:10px ; color: #3d3d3d; margin-left: 0px;  }


/*starts 14 may 2025*/
.about-pg .content.pdf ul { list-style-type: none; margin-block-start: 0; padding-inline-start: 12px; }
.about-pg .content.pdf li { background: url(../images/pdf-bullet.jpg) 3px 7px no-repeat; font-weight: 400;
 padding-left: 49px; font-size: 13px; line-height: 22px; margin-bottom:15px ; color: #999; margin-left: 0px;  }
.about-pg .content.pdf li a { font-size: 15px; font-weight: 400; line-height: 18px; color: #2d2d2d;  }
.about-pg .content.pdf li a:hover { color: #5d5d5d;  }
/*ends 14 may 2025*/

/* services page */
.services-pg{ max-width: 900px; margin: 0 auto; padding: 70px 0 30px 0; }
.services-pg .content { text-align: center; }
.services-pg .content h2 { font-size: 42px; line-height: 52px; font-weight: 700; color: #3d3d3d; margin-bottom: 5px;}
.services-pg .content p  { font-size: 16px; line-height: 26px; font-weight: 400; color: #3d3d3d; margin-bottom: 25px; }


.service-page{ padding: 10px 0 20px 0; margin: 0; }
.service-page img{box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.service-page .container-fluid{   max-width: 1240px; margin: 0px auto; }

.service-page .container-fluid .content{ max-width: 400px; margin: 0 auto; padding: 0px;  }
.service-page .content h4{  font-size: 42px; line-height: 52px; font-weight: 700; color: #3d3d3d; margin-bottom: 15px;}
.service-page .content h4 span{ display: block; }
.service-page .content p{   font-size: 16px; line-height: 24px; font-weight: 400; color: #3d3d3d; /*margin-bottom: 25px;*/ }

/* Starts 13may2025 */
.content .btn{ margin-left: 25px;  font-size:18px;  line-height: 30px; font-weight: 400;   color: #fff;  background: rgba(14, 31, 59, 0.7); border-radius: 50px; text-transform: capitalize;}
.content .btn:after {  content:'\00BB';  display:block; width:45px;  height:45px;  position:absolute;  font-size: 30px;
 border-radius:50px;   background:#ed3237;    left:-20px; top:50%;  transform:translateY(-50%); padding-top: 5px; font-weight: 300;} 
.content .btn:hover{ background: rgba(14, 31, 59, 1); }
/* Ends 13may2025 */


/**/
.team-pg{ background: #f5f5f5; padding: 80px 0  10px 0;  }
.team-pg .container{  max-width: 980px;  margin: 0 auto;}
.team-pg .container .row .row{ padding: 15px; }
.team-pg img{ border: 5px solid #fff; max-width: 180px; margin: 0 auto; box-shadow: rgba(100, 100, 111, 0.4) 0px 7px 29px 0px;}

/* h2 heading added on 19 May 2025 */
.team-pg h2{ color: #363636; text-align: center; font-size: 36px; line-height: 46px;} 

.team-pg h5{ color: #363636; font-size: 17px; line-height: 24px; }
.team-pg h6{ color: #0082c6; font-size: 14px; line-height: 20px; }
.team-pg p{ color: #363636; font-size: 14px; line-height: 24px; }

/*  */
.contact-page { max-width: 700px; margin: 50px auto; text-align: center; }
.contact-page h2{ font-size: 50px; line-height: 54px; margin-bottom: 25px;  }
.contact-page h2 span{ font-size: 22px; line-height: 32px; display: block; margin-bottom: 7px;  }
.contact-page p{ font-size: 14px; line-height: 18px;  margin-bottom: 25px;  }
.contact-page .content-form-box{ width: 100%; max-width: 380px; margin: 0 auto; }
/*.contact-page .content-form-box h3{ margin-bottom: 20px; }
.contact-page .content-form-box .form-group label{  font-size: 15px; line-height: 20px; color: #fff; font-weight: 400; margin-bottom: 3px; }*/
.contact-page .content-form-box .form-group .form-control{  font-size: 14px; color: #4d4d4d; font-weight: 400; border-radius: 0;  
   background-color: #ededed/*rgba(255, 255, 255, 0.90)*/;  min-height: 52px;  box-shadow: 3px 2px 10px 0px rgba(255,255,255,0.12); border: 1px solid #ededed;}
.contact-page .content-form-box .form-group .form-control:focus {  border-color: #ff7800; }
.contact-page .btn{ border-radius: 0px; font-size: 15px; font-weight: 400; text-transform: capitalize;  background: #0082c6; padding: 10px 25px; }
.contact-page .btn:hover{ opacity: 0.7;  }


/**** Placeholder Css ***/
.contact-page ::-webkit-input-placeholder { /* WebKit, Blink, Edge */  font-size: 15px; color:#4d4d4d;  font-weight: 400;  }
.contact-page :-moz-placeholder { /* Mozilla Firefox 4 to 18 */  font-size: 15px; color:#4d4d4d;  font-weight: 400;     opacity:  1; }
.contact-page ::-moz-placeholder { /* Mozilla Firefox 19+ */    font-size: 15px; color:#4d4d4d;  font-weight: 400;     opacity:  1; }
.contact-page :-ms-input-placeholder { /* Internet Explorer 10-11 */   font-size: 15px; color:#4d4d4d;  font-weight: 400;  } 
.contact-page ::-ms-input-placeholder { /* Microsoft Edge */    font-size: 15px; color:#4d4d4d;  font-weight: 400; }


/* Career */
.contact-page.career { max-width: 960px; margin: 50px auto; text-align: left; }
.contact-page.career h2{ font-size: 36px; line-height: 42px; margin-bottom: 25px;  }
.contact-page.career h2 span{ font-size: 36px; line-height: 44px; font-weight: 300; margin-bottom: 7px;  }
.contact-page.career p{ font-size: 14px; line-height: 18px;  margin-bottom: 25px;  }
.contact-page.career .content-form-box { width: 100%; max-width: 500px; margin: 0; }


/* Send in Blue  */
.ajax-response-output, .ajax-form .ajax-response-output p.error { color: #f00; font-size: 16px;  padding: 15px; }

.career input:not([type="submit"]):focus, .career textarea:focus, .career select:focus {border-color: #ff8f8f; outline-color:#ff8f8f; }
/*.form-control:focus, input[type='text']:focus, input[type='email']:focus, input[type='password']:focus, textarea:focus, select:focus {
border-color: #ff8f8f; outline-color:#ff8f8f; }*/

/* Pay EMI */
.pay-emi{ position: fixed; top: 200px; left: 0px; z-index: 99999;  width: 135px; height: 51px;  }

/*.order-1 { order: 1; } .order-2 { order: 2; }*/

/*  margin-right: -40px; */ /*  transform: rotate(270deg); */



/* blog */
.blog {height: 100%; background-size: cover !important; background-repeat: no-repeat !important; 
    background-position: center !important; padding: 70px 0;}
.blog .container-fluid{ max-width: 1250px; }
.blog h2{ font-size: 63px; line-height: 42px; font-weight: 700; color: #fff; margin-bottom: 15px;  text-transform: uppercase;}

.blog .card{ box-shadow: 3px 2px 10px 0px rgba(0,0,0,0.07); border-radius: 0px; margin-bottom:35px; }
.blog .card-img-top{  border-radius: 0px; }

.blog .card-body{ padding: 30px 40px 50px 40px; }
.blog h5.card-title, .blog h5.card-title a{ font-size: 28px; line-height: 32px; font-weight: 700; color: #3d3d3d;; }
.blog h5.card-title:hover, .blog h5.card-title a:hover{ font-size: 28px; line-height: 32px; font-weight: 700; color: #000; }

.blog p.title{ font-size: 18px; line-height: 23px; font-weight: 300; color: #2b363d; margin-bottom: 15px; }
.blog p{ font-size: 16px; line-height: 24px; font-weight: 400; color: #2b363d; margin-bottom: 15px; }

.blog p span{ background: #020c8c; color: #fff; padding:7px 15px; }

/* Global CSS ends here    */


section.con-bg1{background: #0e1f3b; padding: 30px 0; color: #fff;}
section .container-fluid.con-bg2{margin: 0 auot; max-width: 1080px; text-align: center; }
section .container-fluid.con-bg2 p{ color:#fff;  font-size:15px; line-height:26px; }
section .container-fluid.con-bg2 p a{ color:#ccc;  font-size:15px; line-height:26px; }
section .container-fluid.con-bg2 p a:hover{ color:#0082c6; }

/**/

/* #    Media Queries by Rajesh Kumar Kukreja : Cross Country Webservices
============================================================================================================== */ 

/* Desktop resolution  : screen 01 */
@media only screen and (min-width: 2301px) and (max-width: 2900px) { .content {  max-width: 800px;   margin: 0 auto; }      }

/* Desktop resolution : screen 02 */
@media only screen and (min-width: 1901px) and (max-width: 2300px) { .content {  max-width: 800px;   margin: 0 auto; }      }

/* Desktop resolution : screen 03 */
@media only screen and (min-width: 1601px) and (max-width: 1900px) { .content {  max-width: 800px;   margin: 0 auto; }      }

/* Desktop resolution : screen 04 */
@media only screen and (min-width: 1301px) and (max-width: 1600px) {  .container{ max-width:1240px; } }

/* 15.6 Laptop resolution : screen 05 */
@media only screen and (min-width: 1201px) and (max-width: 1300px) {  }


/* Smaller than standard 960 (devices and browsers) : screen 06 */
@media only screen and (min-width: 1025px) and (max-width: 1200px) {  
.navbar-brand img{ max-width: 205px; } .navbar { padding: 0.5rem 1.5rem; /*background:rgba(0, 0, 0, 0.9); */} 
/*.navbar-nav{ margin-top: -25px; }*/
.navbar-light .navbar-nav .nav-link {    color: #fff;     text-transform: uppercase;  padding-right: 0px;     text-align: right; }
.navbar-nav .dropdown-menu { position: static; right: 0; float: none; max-width: 300px;}
.navbar-toggler { background: #d0212a;} .navbar-toggler-icon{ color: #fff; }

}



/* Smaller than standard 960 (devices and browsers) : screen 07 */
@media only screen and (min-width: 990px) and (max-width: 1024px) {  
.navbar-brand img{ max-width: 205px; }
.navbar { padding: 0.5rem 1.5rem; /*background:rgba(0, 0, 0, 0.9); */} 

.navbar-collapse{align-items: center;  padding: 15px; border-radius: 5px;}
.navbar-light .navbar-nav{ max-width: 500px; /* margin-top: -25px;*/ background: #000000a1; padding-right:15px; }


.navbar-light .navbar-nav .nav-link {    color: #fff;     text-transform: uppercase;  padding-right: 0px;     text-align: right; }
.navbar-nav .dropdown-menu { position: static; right: 0; float: none; max-width: 300px;}
.navbar-toggler { background: #d0212a;} .navbar-toggler-icon{ color: #fff; }
 
 
}


/* Tablet Portrait size to standard 990 (devices and browsers) : screen 08 */
@media only screen and (min-width: 959px) and (max-width: 990px) {
.navbar-brand img{ max-width: 205px; }
.navbar { padding: 0.5rem 1.5rem; /*background:rgba(0, 0, 0, 0.9); */} .navbar-nav{ margin-top: -5px; }
.navbar-light .navbar-nav .nav-link {    color: #fff;     text-transform: uppercase;  padding-right: 0px;     text-align: right; }
.navbar-nav .dropdown-menu { position: static; right: 0; float: none; max-width: 300px;}
.navbar-toggler { background: #d0212a;} .navbar-toggler-icon{ color: #fff; }
 
 .navbar-collapse{align-items: center;  padding: 15px; border-radius: 5px;}
.navbar-light .navbar-nav{ max-width: 500px; /* margin-top: -25px;*/ background: #000000a1; padding-right:15px; }
}
	
	
/* Tablet Portrait size to standard 960 (devices and browsers) : screen 09 */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.navbar-brand img{ max-width: 205px; }
.navbar { padding: 0.5rem 1.5rem; /*background:rgba(0, 0, 0, 0.9); */} .navbar-nav{ margin-top: -5px; }
.navbar-light .navbar-nav .nav-link {    color: #fff;     text-transform: uppercase;  padding-right: 0px;     text-align: right; }
.navbar-nav .dropdown-menu { position: static; right: 0; float: none; max-width: 300px;}
.navbar-toggler { background: #d0212a;} .navbar-toggler-icon{ color: #fff; }

.navbar-collapse{align-items: center;  padding: 15px; border-radius: 5px;}

/* May19 - 2025 */
.navbar-light .navbar-nav{ max-width: 300px; /* margin-top: -25px;*/ background: #000000a1; padding-right:15px; }
/*.dropdown:hover>.dropdown-menu {     display: contents; }*/


/* 06 sep 2022 */
.caption1 {background: url(../images/home-mobile.jpg) 0 0 no-repeat;}


/* Crousel 22 Aug 2022 */
.carousel .carousel-caption {  bottom: 4%;  }
.carousel .carousel-caption h5{ font-size: 42px;  line-height: 42px; }
.carousel  .carousel-caption p{  font-size:18px;  line-height: 24px; }


/* Profile */
.home-profile-s1-1 .content{ padding: 70px; max-width: 700px; }
.footer .f-text1{ border-right: 1px solid #f27073;    margin-bottom: 40px; }

 
}
	
	
/* All Mobile Sizes (devices and browser) : screen 10 */
@media only screen and (max-width: 800px) { }



/* Mobile Landscape Size to Tablet Portrait (devices and browsers) : screen 11 */
@media only screen and (min-width: 480px) and (max-width: 767px) {  
.navbar-brand img{ max-width: 205px; }
.navbar { padding: 0.5rem 1.5rem; /*background:rgba(0, 0, 0, 0.9); */} .navbar-nav{ margin-top: -5px; }
.navbar-light .navbar-nav .nav-link {    color: #fff;     text-transform: uppercase;  padding-right: 0px;     text-align: right; }
.navbar-nav .dropdown-menu { position: static; right: 0; float: none; max-width: 300px;}
.navbar-toggler { background: #d0212a;} .navbar-toggler-icon{ color: #fff; }

.navbar-collapse{align-items: center; background: #000000a1;  padding: 15px; border-radius: 5px;}

/* May19 - 2025 */
.navbar-light .navbar-nav{ max-width: 330px; /* margin-top: -25px;*/ background: #000000a1; padding-right:15px; }
/*.dropdown:hover>.dropdown-menu {     display: contents; }*/


/* 06 sep 2022 */
.caption1 {background: url(../images/home-mobile.jpg) 0 0 no-repeat;}


/* Crousel 22 Aug 2022 */
.carousel .carousel-caption {  bottom: 4%;  }
.carousel .carousel-caption h5{ font-size: 42px;  line-height: 42px; }
.carousel  .carousel-caption p{  font-size:18px;  line-height: 24px; }


.header-service-detail .carousel-caption { bottom: 10%; }
.header-service-detail .carousel-caption h2 { font-size: 42px; line-height: 52px; }

.home-profile-s1-1 .content{ padding: 50px 30px; max-width: 700px; text-align: center; }

.service1 .carousel-caption h2 {  font-size: 42px;   line-height: 52px; }

.india-map .india-map-content {  max-width: 550px; margin: 0 auto; padding: 0 30px;}


.growing-figures h3{ margin-top: 40px; }
.footer .f-text1{ border-right: 0px solid #f27073;    margin-bottom: 40px; text-align: center; }

.footer2 .f-text1 {  width: 300px;  margin: 0 auto; text-align: center; margin-bottom: 40px;}
.footer2 .f-text1 p{ text-align: center; }

/* career */
.contact-page.career { max-width: 900px; margin: 50px auto; text-align: center; }

 

}
  


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) : screen 12 */
@media only screen and (max-width: 479px) {
.navbar-brand img{ max-width: 185px; }
.navbar { padding: 0.5rem 1.5rem; /*background:rgba(0, 0, 0, 0.9);*/ } .navbar-nav{ margin-top: -5px; }
.navbar-light .navbar-nav .nav-link {    color: #fff;     text-transform: uppercase;  padding-right: 0px;     text-align: right; }
.navbar-nav .dropdown-menu { position: static; right: 0; float: none; max-width: 300px;}
.navbar-toggler { background: #d0212a;} .navbar-toggler-icon{ color: #fff; }
.navbar-collapse{align-items: center; background: #000000a1;  padding: 15px; border-radius: 5px;}

.navbar-nav .nav-link.blink_me { padding: 5px 10px; background:  #ed3237;   margin-left:10px; max-width:150px; } 

/* 06 sep 2022 */
.caption1 {background: url(../images/home-mobile.jpg) 0 0 no-repeat;}

/* Crousel 22 Aug 2022 */
.carousel .carousel-caption {  bottom: 4%;  }
.carousel .carousel-caption h5{ font-size: 32px;  line-height: 32px; }
.carousel  .carousel-caption p{  font-size:18px;  line-height: 24px; }

.header-service-detail .carousel-caption { bottom: 10%; }
.header-service-detail .carousel-caption h2 { font-size: 42px; line-height: 52px; }

.home-profile-s1-1 .content{ padding: 50px 30px; text-align: center; }
/*.home-profile-s1-1 h2, .home-profile-s1-1 p { text-align: center; } */

.service1 .carousel-caption h2 {  font-size: 42px;   line-height: 52px; }

.india-map .india-map-content {  max-width: 550px; margin: 0 auto; padding: 0 30px;}

.growing-figures h3{ margin-top: 40px; }
.footer .f-text1{ border-right: 0px solid #f27073;    margin-bottom: 40px;  min-height: auto;}

.footer2 .f-text1 {  width: 300px;  margin: 0 auto; text-align: center; margin-bottom: 40px;}
.footer2 .f-text1 p{ text-align: center; }

/* career */
.contact-page.career { max-width: 900px; margin: 50px auto; text-align: center; }

/* Pay EMI */
.order-1 { order: 2; }  .order-2 { order: 1; }

}

/* Small devices (mobile, 360px and down) : screen 13 */
@media only screen and (max-width: 360px) {  }


/* Small devices (mobile, 320px and down) : screen 14 */
@media only screen and (max-width: 320px) {   }