/*banner*/

@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');

@font-face {
  font-family: 'Great Vibes';
  font-style: normal;
  font-weight: 400;
  src: local('GreatVibes'), url(../fonts/GreatVibes-Regular.otf) format('truetype');
}


.fa{ font-family: fontawesome !important;}

header{ text-align: center;}
header img{ width: 144px;  padding: 10px;}

.cont-page{ font-family: Helvetica, Arial, sans-serif;}
.cont-page h3{ font-size: 22px; text-align: left; }
.cont-page p{ margin: 0; text-align: left; font-size: 14px; line-height: 24px; color: #333;}


.ft-cont img{width:100px;}
.top-line{ height:5px; background:#c69704;}	
.bdr-raper{ height:5px; background:#c69704;}



/*banner*/

.pd-0{ padding:0; }

.bnr{ background:url(image/bnr-bg.jpg); background-position: top center; background-attachment:fixed; height: 600px; position: relative; overflow: hidden;}

.bnr:after { content:''; position: absolute; z-index: 0;  width: 48%; height:600px; background:rgba(242,240,241,.85); top: 0; right: -70px; transform: skew(-20deg, 0deg); border-left: 8px solid #0077be;}



.bnr-cont{ width: 48%; z-index: 1; position: absolute; right:0; top: 10px; padding-left: 5%;}

.bnr-cont .head-title{ padding-top: 35%; font-size:5rem; line-height:5rem; text-align:center; color:#333; font-weight:700; font-family:Great Vibes;}

.bnr-cont .head-title span{ margin:0; padding-top:10px; font-size: 4rem; line-height:4rem; text-align:center; color:#0077be; 
font-weight:700; display: inline-block; font-family: Helvetica, Arial, sans-serif;}

.head-title{ font-family: "Great Vibes", Helvetica, sans-serif; font-size: 3rem; line-height: 3rem; text-align:center; color:#333; font-weight:700;}
.head-title span{ color:#0077be; font-weight:600;}

.bnr-cont h5{     font-family: Great Vibes; font-size:27px; text-align:center; font-weight: 400; margin:0;}
.heading-seperator{ position:relative; text-align:center; margin-bottom:30px;}


/* .hm-btm{ padding: 40px 0 50px;} */
.hm-btm{ padding:50px 0 50px; position:relative; z-index:2;}
.hm-btm .heading-seperator img{width:150px!important;height:auto!important;}
/* .hm-btm:after{ content:''; background:rgba(244,244,200,.8); position:absolute; top:0; z-index:-1; width:100%; height:170px;} */
.hm-btm .bx{ text-align:center; padding:20px 5px; transition:.4s;}
.bx a{ border:1px solid #0077be; color:#000; padding:10px 20px;}

.hm-btm img{border-radius: 50%;width: 150px;height: 150px;margin:0 auto;padding:2px;border:5px solid #fff;}
.hm-btm .bx:hover{ background:#f2f2f2; box-shadow:0px 10px 30px #ccc;}
.hm-btm .bx:hover img{ transition:.5s; transform:scale(0.9); padding:0; border:7px solid #0077be;}
.hm-btm .bx:hover a{ background: #0077be; color:#fff;transition:.5s;}

.hm-btm h4{/* font-family: "Great Vibes", Helvetica, sans-serif;*/ font-size:16px; font-weight: 700; color: #000;font-style: italic;}
.hm-btm p{     font-size: 16px; margin: 20px 0;text-transform: capitalize;}
.hm-btm p a{text-decoration: none;}

/*hm-dish*/
.hm-dish{ padding:50px 0 50px; position:relative; z-index:2;}
.hm-dish:after{ content:''; background:rgba(244,244,200,.8); position:absolute; top:0; z-index:-1; width:100%; height:170px;}
.hm-dish .bx{ text-align:center; padding:20px 5px; transition:.4s;}
.bx a{ border:1px solid #0077be; color:#000; padding:10px 20px;text-decoration: none;}

.hm-dish img{ width:130px;height:130px;border-radius: 50%; margin:0 auto; padding:20px; border:5px solid #fff;}
.hm-dish .bx:hover{ background:#f2f2f2; box-shadow:0px 10px 30px #ccc;}
.hm-dish .bx:hover img{ transition:.5s; transform:scale(0.9); padding:20px; border:7px solid #0077be;}
.hm-dish .bx:hover a{ background: #0077be; color:#fff;transition:.5s;}

.hm-dish h4{ font-family: "Great Vibes", Helvetica, sans-serif; font-size:22px; font-weight: 700; color: #0077be;}
.hm-dish p{ margin:20px 0;}
/*hm-dish*/

/*hm-abt*/
.hm-abt { background:url(image/abt-bg.jpg) no-repeat; background-size:cover; background-attachment:fixed; padding: 50px 0 50px;}
.hm-abt p{font-size:16px; color: #121212; text-align:justify; line-height:24px;}
.p-why{font-size: 17px;font-weight: 600;}


.inn-page{}
.inn-page p{font-size:17px; color: #121212; text-align:center; line-height:24px;}
.img-circle1{ border-radius:20px; border:1px #ccc solid; padding:10px; margin-bottom:10px;}

.img-circle2{ border-radius:20px; border:1px #ccc solid; padding:10px; margin-bottom:25px;}


/*hm-abt*/
.boxs{ text-align:center; padding:30px 10px; transition:.4s;}
.boxs img{ width:220px; padding:0; border:10px solid #eee;  border-radius: 50%; }
.boxs:hover{ background:#f2f2f2; box-shadow: 10px 5px 15px #ccc;  transition:.5s; padding:10px;}
.boxs:hover > img{ transition:.5s;  border:10px solid #0077be;}

/*owl-carousel*/
.carousel-indicators{ bottom: -60px;}
.carousel-indicators li{ border: 1px solid #b61407;}
.carousel-indicators .active{ background-color: #b61407;}
.carousel-control.left{ background-image: inherit; }
.carousel-control.right{ background-image: inherit;}

/*owl-carousel*/



/*form*/

.form-sec{ background: url(image/qury-bg.jpg) no-repeat; background-attachment:fixed; background-size:cover; padding:30px 0 25px;}
.form-bx{ background:rgba(250,250,250,.95); padding:30px 20px; border-radius:10px;}
.form-bx .txt{ font-size:20px; line-height:30px; font-weight:600;}
.form-bx h4{ font-size:20px; line-height:30px; font-weight:600; display: block;color:#0077be;}
.form-bx p{ font-size:16px; line-height:30px; text-align:justify; display:inline-block;}
.form-bx .fa{ float:right; font-size:40px; width:40px; height:40px;    position: relative; right: 10px; top: -20px; color:#0077be;}
.form-bx .form-control { background: transparent; border: 1px solid #b3b3b3; border-radius: 0; font-size: 15px; padding: 22px 20px; color: #b3b3b3; box-shadow: 1px 10px 20px -12px rgba(0,0,0,0.2);}

.form-bx .sbmt{ color:#fff; cursor: pointer; border-radius:10px; padding: 10px 30px; line-height: 26px; font-size: 20px;  background:#0077be; box-shadow: 1px 10px 20px -12px rgba(0,0,0,0.2);}

/*form*/
/*footer*/
footer{ background: #000; padding:20px 0 0;}

.ft-cont p {
    font-size: 15px;
    line-height: 20px;
    color: #fff;
    transition: 0.5s;
}

.ft-cont i {
    width: 38px;
    height: 38px;
    text-align: center;
    border: 1px solid #fff;
    font-size: 19px;
    line-height: 0;
    margin-right: 11px;
    margin-top: 4px;
    vertical-align: baseline;
    float: left;
    transition: 0.5s;
    padding: 8px 0px;
}
.ft-cont .fa{padding-top:18px;}
.ft-cont p:hover i {
    background: #0077be;
    transition: 0.5s;
}
.ul-lnk h3{font-weight: 500;
    font-size: 25px;
    position: relative;
    color: #fff;
    margin-bottom: 13px;
    text-transform: capitalize;
    border-bottom: 1px dashed #333;
    padding-bottom: 5px;}
.ul-lnk ul {
    list-style-type: square;
    font-size: 14px;
    margin-bottom: 0;
    color: #fff;
    padding-left: 24px;
	list-style-image: url(image/arrow2.png);
}
.ul-lnk ul li { line-height:28px;}
.ul-lnk ul li a {
    color: #fff;text-decoration: none;
}
.copyrht{ background:#0077be;
    margin-top: 10px;
    color: #fff;
    font-size: 15px;
    padding:10px;
    margin-top:30px;
}
	
.copyrht p{ margin-bottom: 0; color: #eee; font-size: 14px;}
.copyrht p a{ color: #fff;text-decoration: none;}
.cprht-lft{ float: left; padding-top: 6px; color:#ccc; }

.cprht-rht{ float: right; padding-top: 0px; }

.cprht-rht a .fa {
    background: #000;
    border-radius: 50%;
    width: 30px;
    text-align: center;
    height: 30px;
    line-height: 29px;
    transition: 0.5s;
	color:#eee;
}

.cprht-rht a .fa:hover {
    background: #000;
    color: #fff;
    transition: 0.5s;
}

.carousel-indicators button{background-color: #869791!important;width:12px!important;border-radius: 50%;height: 12px!important;}

/*footer*/

/*innr-pg-bnnr*/
.otherpagecss #RadDockZone1.container{max-width: 100%;}
.otherpagecss #RadDockZone1.container #HomepagecontentControl_C table{margin-top:0 !important;}
.innr-pg-bnnr{background-position: center;padding: 135px 0 0;width: 100%;background-size: cover;min-height:350px;position:relative;}
.innr-pg-bnnr:after{content:'';position:absolute;left:-1px;right:-1px;top:-1px;width:100%;height:100%;z-index: 0;background-color: rgba(0, 0, 0, 0.5);}
.main-table.innr-pg{padding-bottom:50px;}
.innr-pg-bnnr h1{color: #fff;text-align:left;text-transform:capitalize;font-size: 3rem;font-weight: 800;position:relative;z-index:1;}

/* contact us */
.contact-bx{margin-bottom:20px; background-color: #f8f8f8;border: 1px solid #e0e0e0;border-radius: 12px;box-shadow: 0 4px 10px #0000000d;padding: 20px;text-align: center; text-decoration: none;transition: all .3s ease;}
.contact-bx p {text-align: center!important; color: #555; font-size: 1rem!important;line-height: 1.5; margin: 0;}
.contact-bx:hover {background-color: #eef2ff; box-shadow: 0 6px 20px #00000014; transform: translateY(-3px);}
.contact-icon img {height: 50px; margin-bottom: 15px; object-fit: contain;transition: transform .3s ease;width: 50px;}
.contact-bx h3 {color: #065689;font-size: 1.2rem;font-weight: 700;margin: 10px 0;}
.contact-page-form{padding:0px 20px;color:#fff;}
.contact-page-form p{margin-bottom:0px;line-height:30px;font-weight:600;color:#000;}
.contact-page-form h5{font-size:20px;font-weight: 600;color:#fff;}
.contact-page-form input{border: 1px solid #ccc;border-radius: 8px;flex: 1 1;font-family: Segoe UI, sans-serif;font-size: 1rem;padding: 14px;}
.contact-page-form textarea{border: 1px solid #ccc;border-radius: 8px;flex: 1 1;font-family: Segoe UI, sans-serif;font-size: 1rem;padding: 14px;}
.contact-page-form label{margin-bottom:10px;font-size:15px;color:#000;}
.contact-page-form .cont-pad{padding:10px 0px 10px 15px;}
.contact-page-form .contact-btn:hover{background-color: #0077be;transition: all 0.15s ease-in-out;}
.contact-page-form .contact-content{margin-left:20px;}
/* .contact-form-btn{text-transform: uppercase; letter-spacing: 1px;margin-top:20px;background-color:#042b37!important;padding:10px 17px;font-size:16px;font-weight:700;letter-spacing: 0.7px;color:#fff;border-radius: 12px;border: none;} */
.contact-form-btn{ margin-top:10px; display:inline-block;background:#0077be!important;color:#fff!important;border-radius:8px!important;font-weight:700!important;    font-size: 1rem!important;text-transform:uppercase;text-decoration:none}
.contact-page-form .alert a{float: inline-end;}
/* .cont-pad{margin-top:5px;} */
.contact-page-form h1{    color: #0077be;font-size: 1.8rem;margin-bottom: 1.5rem;font-weight:700;}
.cont-bx{background-color: #fff;border-radius: 12px 0px;box-shadow: 0 4px 15px #0000000f;overflow: hidden; transition: transform .3s ease, box-shadow .3s ease;margin-top:30px;}
.cont-bx img {border-radius: 12px 12px 0 0;object-fit: cover;transition: transform .4s ease;width: 100%;}
.cont-bx h3 {color: #0077be;font-size: 1.1rem;font-weight: 700; margin: 16px 0 12px;text-transform: uppercase;padding: 10px 20px 5px 20px;}
.cont-bx:hover { box-shadow: 0 12px 30px #00000026; transform: translateY(-10px);}
.cont-bx p{    color: #333;font-size: .95rem; line-height: 1.5; margin: 0;padding:0px 20px 20px 20px;}

.why-choose{margin-top: 20px;padding-bottom:30px;}
.why-choose h3 {font-size: 18px; margin: 10px 0 0px 0; font-weight: 700;color: #000;text-align:left}
.feature-img img{width:100%!important;}
.why-choose img{width:60px;}
.why-choose h6{ font-size: 20px;padding-top: 18px;}
.why-choose p{ font-size: 16px;line-height: 25px;}

.main-table{padding-top:50px;text-align: left; padding-bottom: 50px;}
.main-table p{font-size:16px;line-height:28px;text-align:left;}
.main-table ul li{font-size:16px;line-height:30px;}
.about-pg ul{list-style: none;padding-left:0px}
.about-pg ul li{font-size:15px;line-height:30px;color: #111!important;}
.about-pg ul li i{font-size:15px;color:#065689;padding-right:10px;}
.pro-img img{width:100%;height:300px;border-radius: 8px;}

@media(max-width:991px)
{
    .bnr-cont {
    width: 100%;
    z-index: 1;
    position: absolute;
    right: 0;
    top: 10px;
    padding-left: 0;
}
.hm-abt img{width:100%;}
}

@media(max-width:767px)
{
    .form-bx .fa{position:relative;top: -47px;}
}