@charset "utf-8";
/* CSS Document */

@font-face {font-family: 'open_sansbold'; src: url('../fonts/opensans-bold-webfont.woff2') format('woff2'), url('../fonts/opensans-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal}
	@font-face {font-family: 'open_sanslight'; src: url('../fonts/opensans-light-webfont.woff2') format('woff2'), url('../fonts/opensans-light-webfont.woff') format('woff'); font-weight: normal; font-style: normal}
	@font-face {font-family: 'open_sansregular'; src: url('../fonts/opensans-regular-webfont.woff2') format('woff2'), url('../fonts/opensans-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal}
	@font-face {font-family: 'open_sanssemibold'; src: url('../fonts/opensans-semibold-webfont.woff2') format('woff2'), url('../fonts/opensans-semibold-webfont.woff') format('woff'); font-weight: normal;font-style: normal}


@font-face{font-family:'robotobold';src: url('../fonts/roboto-bold-webfont.woff2') format('woff2'), url('../fonts/roboto-bold-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face{font-family:'robotoregular';src: url('../fonts/roboto-regular-webfont.woff2') format('woff2'), url('../fonts/roboto-regular-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face{font-family:'robotolight';src: url('../fonts/roboto-light-webfont.woff2') format('woff2'), url('../fonts/roboto-light-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face{font-family:'robotomedium';src: url('../fonts/roboto-medium-webfont.woff2') format('woff2'), url('../fonts/roboto-medium-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face{font-family:'roboto_condensedbold';src: url('../fonts/robotocondensed-bold-webfont.woff2') format('woff2'), url('../fonts/robotocondensed-bold-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face{font-family:'roboto_condensedlight';src: url('../fonts/robotocondensed-light-webfont.woff2') format('woff2'), url('../fonts/robotocondensed-light-webfont.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face{font-family:'roboto_condensedregular';src: url('../fonts/robotocondensed-regular-webfont.woff2') format('woff2'), url('../fonts/robotocondensed-regular-webfont.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face{font-family:'playfair_displayitalic';src: url('../fonts/playfairdisplay-italic-variablefont_wght-webfont.woff2') format('woff2'),url('../fonts/playfairdisplay-italic-variablefont_wght-webfont.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face{font-family:'playfair_displayregular';src: url('../fonts/playfairdisplay-variablefont_wght-webfont.woff2') format('woff2'),url('../fonts/playfairdisplay-variablefont_wght-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
/* ____________ */
@font-face {font-family: 'segoe_uibold_italic';src: url('../fonts/segoe_ui_bold_italic-webfont.woff2') format('woff2'), url('../fonts/segoe_ui_bold_italic-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'segoe_uibold';src: url('../fonts/segoe_ui_bold-webfont.woff2') format('woff2'), url('../fonts/segoe_ui_bold-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'segoe_uiitalic';src: url('../fonts/segoe_ui_italic-webfont.woff2') format('woff2'), url('../fonts/segoe_ui_italic-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'segoe_uiregular';src: url('../fonts/segoe_ui-webfont.woff2') format('woff2'), url('../fonts/segoe_ui-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
/* ____________ */

html{scroll-behavior:smooth}
body{font-family:"robotoregular";font-weight:500;padding:0;margin:0;font-size:14px}

.ltop-header {background: linear-gradient(45deg, #092e85, #092e85, #4490b5); padding: 6px 0;}
.email-id{font-size: 14px; color: #fff; display: flex; align-items: center;}
.email-id a{font-size: 14px; color: #fff;}
.l_login{background: #fff; font-size: 16px; color: #000; padding: 4px 15px; margin-right: 8px;}
.l_login:hover{background: #f5a711; color: #000; }
.l_pi-btn{background: #f5a711; font-size: 16px; color: #000; padding: 4px 15px;}
.l_pi-btn:hover{background: #fff; color: #000;}

.l-right-top{display: flex; justify-content: end; align-items: center;}
a, a:hover{text-decoration: none;}

/* Logo Section Header css Start */
.l-logo-sec-wraper{padding:17px 0}
a.l-logo-align{text-decoration:none;display:flex;align-items:center}
a.l-logo-align img{width:50px}
.l-brand-text h4 {padding-left: 10px;font-size: 12px;color: #000;line-height: 14px;text-transform: uppercase;margin-bottom: 0;}
.l-brand-text h4 span {color: #000;display: block;font-size: 16px;line-height: normal;border-bottom: 1px solid #ededed;padding-bottom: 3px;font-family: 'roboto_condensedbold';}
.l-brand-text .l-sub-brand-txt {font-size: 13px;color: #000;padding-left: 10px;margin: 0;padding-top: 3px;letter-spacing: 1px;}
a.l-logo-align .l-brand-img img {width: 44px;}
a.l-logo-align .l-brand-img {padding: 4px;}
.l-logo-r {display: flex; justify-content: end;}
.l-logo-r img{ margin-right:10px; width: 36%;}



/* Logo Section Header css End */
.l-elec-txt{font-size: 18px; color: #092e85; font-weight: 600; display: flex; align-items: center;}
/*banner section start here*/
.landing-banner{width: 100%; display: flex; align-items: center;
    background: url("../images/banner_bg.png") no-repeat fixed center;  background-size: cover; height: 450px; }
.l-banner-text{width:50%;}
.l-banner-text h2{font-size: 36px; line-height: 44px;  font-family: 'roboto_condensedbold';  width: 100%; color:#fff;  margin: 0 0 10px 0;}
.l-banner-text h2::before{ width: 50px; height: 3px; background: #f3bf22; content: ""; position: absolute; top:-3px;}


.l-banner-text p{font-size: 16px; color: #fff; margin-bottom: 26px;}
.banner-btn{background: #f3bf22; font-size: 16px; color: #000; padding: 8px 15px; border-radius: 4px; border: 1px solid #f3bf22;} 
.banner-btn:hover{ font-size: 16px; color: #000; padding: 8px 15px; border-radius: 4px; background: #fff; border: 1px solid #f3bf22;} 
/*banner section end here*/
.l-about-area {padding: 50px 0 40px;	background: #FAFAFA;}
.all-latest-title h5 {
	font-size: 24px !important;
	line-height: 30px !important;
	width: 64%;
	position: relative;
  }

/* Footer Top Section css Start */
.footer-top-sec{background:#000000;padding:20px 0}
.footer-top-sec ul{padding:0;margin: 0;}
.footer-top-sec ul li:first-child {padding-left: 0;}
.footer-top-sec ul li{display:inline-block;margin-bottom:10px;padding:0 8px;border-right: 1px solid #ffffff85;line-height:1}
.footer-top-sec ul li a{color:#ffffff;font-size:14px;text-decoration:none}
.footer-top-sec ul li:last-child{border:0}
.visitor-sec p{font-size:14px}
.visitor-sec p {color: #fff;margin: 0;text-align: right;}
.copyright-sec p {margin-bottom: 0;color: #fff;}
.copyright-sec {padding-right: 0;}
/* Footer Top Section css End */


/* Modal Content */
.modal-content {
    position: relative; /* Required for absolute positioning of child elements */
    background-color: #fefefe;
    margin: auto;
    padding: 25px;
    border: 1px solid #888;
    width: 80%;
    max-width: 600px;
}

/* Close Button */
.close-btn {
    position: absolute; /* Absolute positioning within .modal-content */
    top: -6px; /* Distance from the top */
    right: 10px; /* Distance from the right */
    color: #aaa; /* Button color */
    font-size: 25px; /* Font size */
    font-weight: bold; /* Font weight */
    cursor: pointer; /* Pointer cursor on hover */
}

.close-btn:hover,
.close-btn:focus {
    color: black; /* Color on hover/focus */
    text-decoration: none; /* Remove underline */
}


@media only screen and (max-width: 1430px){
    .container, .container-fluid{max-width:1300px!important}
}
.container, .container-fluid{width:100%;padding:0 15px;max-width:1430px;margin:0 auto}

@media screen and (max-width: 776px) and (min-width: 300px){
.l-elec-txt{text-align: center; padding: 10px 0;}
.landing-banner {width: 100%;height: auto;padding: 30px 0;}
.l-banner-text {width: 100%;}
.l-banner-text h2 {font-size: 18px; line-height: 23px;}
.all-latest-title h5 {width: 100%;}
.l-banner-text h2::before {top: -7px;}
.l-about-area {padding: 15px 0;}
.email-id {justify-content: center;	padding-bottom: 10px;}
}