body{font-size:0.88em; line-height:1.75em; color:#333; font-family: 'Roboto', sans-serif; background:#fff; font-weight:400;}

* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; outline: none;}
img{max-width:100%;}
input, textarea{font-family: 'Roboto', sans-serif;}

.clr{clear:both;}
.clearfix:after {display: block; content: ''; width: 100%; clear: both; }

::-webkit-input-placeholder{color:#333;}
::-moz-placeholder{color:#333;}
:-ms-input-placeholder{color:#333;}
:-moz-placeholder{color:#333;}

input:disabled, textarea:disabled, select:disabled, button:disabled{background:rgba(0,0,0,0.2) !important;}


/** ========= TYPOGRAPHY ========= **/
a{color:var(--main-txt-color); text-decoration:none;}
a:hover{color:#0096c6; text-decoration:none;}
p{line-height:1.75em; margin-bottom:20px;}
ol, ul{padding-left:0;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-family: 'Roboto', sans-serif; color:#2a363f; margin:0 0 10px; font-weight:700; text-transform:uppercase; line-height:1.4;}
.h1, h1{font-size:2.8125em;}
.h2, h2{font-size:2.25em;}
.h3, h3{font-size:1.875em;}
.h4, h4{font-size:1.5em;}
.h5, h5{font-size:1.125em;}
.h6, h6{font-size:1em;}

.fw-3{font-weight:300 !important;}
.fw-4{font-weight:400 !important;}
.fw-5{font-weight:500 !important;}
.fw-6{font-weight:600 !important;}
.fw-7{font-weight:700 !important;}
.fw-8{font-weight:800 !important;}
.fw-9{font-weight:900 !important;}

.btn{background-color: var(--main-bg-color); background-image:url(../images/black-bg.png); background-repeat:repeat; color:#fff; border-radius:3px; font-size:14px; line-height:14px; text-align:center; text-transform:uppercase; padding:11px 23px;}
.btn:hover{background-color: var(--main-bg-color); background-image:inherit; color:#fff;}
.btn.btn-medium{padding:19px 35px;}
.btn.btn-big{font-weight:700; padding:20px 29px;}
.btn-white{background-color:#fff; color:var(--main-txt-color); background-image:inherit;}
.btn-white:hover{background-color: var(--main-bg-color); color:#fff; background-image:inherit;}
.btn-blue{background-color: var(--main-bg-color); color:#fff !important; background-image:inherit;}
.btn-blue:hover{background-color: var(--main-bg-color); background-image:url(../images/black-bg.png); background-repeat:repeat; color:#fff;}

.btn-primary{color:#fff; background-color:#0db4ea; border-color:#0db4ea; background-image:inherit;}
.btn-secondary{color:#fff; background-color:#6c757d; border-color:#6c757d; background-image:inherit;}
.btn-success{color:#fff; background-color:#28a745; border-color:#28a745; background-image:inherit;}
.btn-danger{color:#fff; background-color:#dc3545; border-color:#dc3545; background-image:inherit;}
.btn-warning{color:#212529; background-color:#ffc107; border-color:#ffc107; background-image:inherit;}
.btn-info{color:#fff; background-color:#17a2b8; border-color:#17a2b8; background-image:inherit;}
.btn-light{color:#212529; background-color:#f8f9fa; border-color:#f8f9fa; background-image:inherit;}
.btn-dark{color:#fff; background-color:#343a40; border-color:#343a40; background-image:inherit;}

b, strong{font-weight:700;}
.text-transform-normal{text-transform:none;}
.text-size-medium{font-size:16px;}

ul.list{display:block; list-style:none; margin-bottom:35px;}
ul.list li{display:block; margin-bottom:18px; padding-left:26px; font-size:14px; line-height:14px; color:#333; position:relative;}
ul.list li:after{position:absolute; content:""; left:0; top:1px; width:14px; height:11px; background:url(../images/arrow-black.png) no-repeat center center; background-size:contain;}

ul.list.list-white li{color:#f3f3f3;}
ul.list.list-white li:after{background:url(../images/arrow-white.png) no-repeat center center; background-size:contain;}

/** ========= COLORS ========= **/
:root{
  --main-bg-color:#0db4ea;
  --main-txt-color:#0db4ea;
  --main-border-color:#0db4ea;
}
.tex-white{color:#fff;}
.tex-dull-white{color:#f3f3f3;}
.tex-black{color:#2a363f;}
.tex-blue{color:var(--main-txt-color);}

.grey-bg{background: url(../images/grey-bg.jpg) no-repeat center center;  background-size:cover;}
.dark-grey-bg{background-color: var(--main-bg-color); background-image:url(../images/black-bg.png); background-repeat:repeat;}
.white-bg{background-color:#fff;}
/** ========= HEADER ========= **/
header{position:relative; z-index:99;}

/* topbar */
.h-topbar{background-color:#202623; background-image:url(); background-repeat:repeat; padding:9px 0; color:#fff;}
.h-topbar a{color:#fff; transition:0.3s;}
.h-topbar a:hover{color:var(--main-txt-color);}
.h-topbar .btn{background-color:#4e5760; background-image:inherit; padding:7px 13px; text-transform:none;}
.h-topbar .btn:hover{background-color: var(--main-bg-color); color:#fff;}

.h-topbar-left{margin-top:4px;}
.header-social{margin:0; padding:0;}
.header-social li{display:block; float:left; margin-right:6px;}
.header-social li:last-child{margin-right:0;}
.header-social li a{display:block; width:22px; height:22px; line-height:22px; text-align:center; border-radius:50%; background-color:#6a7379; font-size:14px; color:#dadcdd; transition:0.3s;}
.header-social li a i{line-height:22px;}
.header-social li:hover a{background-color: var(--main-bg-color); color:#fff;}

.h-topbar-right{font-size:14px; text-align:right;}
.h-topbar-right span{display:inline-block; margin-right:15px; margin-top:1px;}
.h-topbar-right span:last-child{margin-right:0; padding-right:0; border-right:none;}
.h-topbar-right span.ht-contact-icon{width:22px; height:22px; line-height:22px; text-align:center; border-radius:50%; background-color:#6a7379; font-size:13px; color:#fff; margin-right:4px; margin-top:0; display:inline-block;}
.h-topbar-right span.ht-contact-icon i{line-height:22px;}

/* navbar */
.h-navbar{padding:0px 0; -webkit-box-shadow:0px 1px 2px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow:0px 1px 2px 0px rgba(0, 0, 0, 0.2); box-shadow:0px 1px 2px 0px rgba(0, 0, 0, 0.2);}
.sticky{position: fixed; left:0; right:0; top:0; z-index:99; transition:0.3s; padding:12px 0; background:rgba(0,0,0,0.9);}
.h-navbar .navbar{padding:0;}

.navbar-brand{padding:0 0 1px;}
.navbar-brand img{max-width:243px;}

.navbar-nav .nav-link{padding:0 !important;}
.navbar-nav li.nav-item{margin-left:40px; font-weight: bold;}
.navbar-nav .nav-link{color:#2a363f; font-size:14px; line-height:14px; text-transform:uppercase; margin-top:12px;}
.navbar-nav li.nav-item.search-btn a.nav-link{width:34px; height:34px; line-height:34px; background-color: var(--main-bg-color); color:#fff !important; text-align:center; border-radius:5px; margin-top:0;}

.navbar-nav .nav-link:focus, .navbar-nav .nav-link:hover{color:var(--main-txt-color);}
.navbar-nav .active>.nav-link.dropdown-toggle::after, .nav-link:hover.dropdown-toggle::after{color:var(--main-txt-color);}
.navbar-nav .active>.nav-link .menu-txt:after, .nav-link:hover .menu-txt:after{opacity:1; visibility:visible;}

.dropdown-menu{left:50%; transform:translate(-50%,0); margin:0 auto; top:125%; background-color: var(--main-bg-color); border:none; border-radius:3px; min-width:195px; z-index:99;}
.navbar-nav .dropdown-menu:before{display: inline-block; width:0; height:0;	color:var(--main-txt-color); margin:0 auto; content: ""; border-top: 0; border-right:.4em solid transparent; border-bottom:.4em solid; border-left: .4em solid transparent;position:absolute; left:0; right:0; top:-6px; opacity:1;}
.dropdown-item{font-size:0.8125em; line-height:13px; color:#fff; font-weight:normal; text-transform:uppercase; padding:12px 12px;}
.dropdown-item:focus, .dropdown-item:hover{background:rgba(255,255,255,0.15); color:#fff;}

.navbar-toggler{background-color: var(--main-bg-color);}
.navbar-toggler-icon{line-height:1.5em; color:#fff;}

/** ========= FOOTER ========= **/
#footer{background-image:url(../images/footer-textur.png); background-repeat:no-repeat; background-position:center center; background-size:cover; background-color: var(--main-bg-color); color:#aaaaaa;}
#footer .section-inner.footer-top{padding:65px 0 41px;}

#footer h5{color:#fff;}
#footer p a{color:#aaaaaa;}
#footer p a:hover{color:var(--main-txt-color);}
#footer p strong{color:var(--main-txt-color);}

.footer-logo{display:block; max-width:250px; margin-bottom:25px;}

/* newsletter form */
.newsletter-form .f-field{margin-bottom:15px;}
.newsletter-form .f-field input{display:block; width:100%; height:49px; border:none; background:#fff; box-shadow:none; border-radius:3px; padding:15px; font-size:14px; line-height:14px; color:#595959;}
.newsletter-form .submit-btn{text-align:right;}
.newsletter-form .submit-btn input{display:inline-block; width:125px; height:48px; border:none; background-color: var(--main-bg-color); box-shadow:none; border-radius:3px; padding:15px; font-size:14px; line-height:14px; font-weight:700; text-align:center; color:#fff; text-transform:uppercase;}

/* menus */
.footer-menu{margin:0; padding:0;}
.footer-menu li{display:block; list-style:none; margin-bottom:5px;}
.footer-menu li a{line-height:14px; color:#aaaaaa; transition:0.3s;}
.footer-menu li:hover a{color:var(--main-txt-color);}

/* social media */
ul.footer-social{margin:0;}
ul.footer-social li{display:inline-block; vertical-align:top; width:32px; height:32px; line-height:32px; border-radius:50%; -webkit-border-radius:50%; background:#2b87c7; color:#fff; text-align:center; margin-right:5px; transition:0.3s;}
ul.footer-social li a{color:#fff;}
ul.footer-social li.facebook{background:#2b87c7;}
ul.footer-social li.twitter{background:#38c0dd;}
ul.footer-social li.gplus{background:#dc6218;}
ul.footer-social li.linkedin{background:#2862d8;}
ul.footer-social li.flicker{background:#ff0b81;}
ul.footer-social li:hover{background:#fff; color:#0db4ea !important;}
ul.footer-social li:hover a{color:#0db4ea !important;}

/* copyright section */
#footer .section-inner.footer-bottom{padding:23px 0; background-color: var(--main-bg-color); background-image:url(../images/black-bg2.png); background-repeat:repeat; color:#aaaaaa;}
.footer-bottom p{margin:0;}

/* color palette on left side (You can delete this css) */
.c_patterns{list-style:none; margin:0px;}
.c_patterns li {float: left; height: 20px; width: 18px; margin: 5px; border: 1px solid #CCC; cursor: pointer;}
#colorpanel{overflow: hidden; position: fixed; left: 0px; top: 200px; width:150px; z-index: 999;}
.colorbtn{position: relative; float: right; right: -31px; top: -140px; background:#fff url(../images/color_wheel.png) no-repeat center; cursor: pointer; border: 1px solid #ccc; border-left-width: 0px; width:30px; height:30px;}
.colour_patterns{position: relative; left:-118px; height:152px; width:118px; background-color: #fff; border: 1px solid #ccc; transition:0.3s;}
.colour_patterns.active{left:0;}

.colour_patterns h5	{display:none}

.site-color-lime{background:#a4c400;}
.site-color-green{background:#60a917;}
.site-color-emerald{background:#008a00;}
.site-color-teal{background:#00aba9;}
.site-color-blue{background:#0db4ea;}
.site-color-cobalt{background:#0050ef;}
.site-color-indigo{background:#6a00ff;}
.site-color-violet{background:#aa00ff;}
.site-color-pink{background:#f472d0;}
.site-color-magenta{background:#d80073;}
.site-color-crimson{background:#a20025;}
.site-color-red{background:#e51400;}
.site-color-orange{background:#fa6800;}
.site-color-amber{background:#f0a30a;}
.site-color-yellow{background:#e3c800;}
.site-color-brown{background:#825a2c;}
.site-color-olive{background:#6d8764;}
.site-color-steel{background:#647687;}
.site-color-mauve{background:#76608a;}
.site-color-taupe{background:#87794e;}
/* color palette ENDs */

/** ========= MAIN SECTION ========= **/
section{overflow:hidden;}
.section-inner{padding:60px 0;}

.heading-bg{margin:15px auto 32px; width:64px; height:2px; background-color: var(--main-bg-color); position:relative;}
.heading-bg:after{position:absolute; content:""; left:0; right:0; top:50%; transform:translate(0,-50%); margin:0 auto; width:23px; height:6px; border-radius:30px; background-color: var(--main-bg-color);}
.heading-bg.hb-left{margin:15px 0 32px;}
.heading-bg.hb-left:after {left:11px; right:auto;}

/** ========= HOME SLIDER ========= **/
.home-slider-wrapper{background:url(../images/slider/slider2.jpg) no-repeat center center; background-size:cover; padding:70px 0 60px; position:relative;}
.full_slide_caption{margin-top:45px;}
.slider-txt-big{font-size:55px; line-height:55px; font-weight:700; margin-bottom:25px;}
.full_slide_caption p{font-size:18px; margin-bottom:25px;}
.prew-arrow{width:33px; height:105px; line-height:105px; text-align:center; background-color: var(--main-bg-color); background-image:url(../images/black-bg.png); background-repeat:repeat; display:block; font-size:20px; color:#fff; border-radius:30px; position:absolute; left:24px; top:50%; transform:translate(0, -50%); cursor:pointer;}
.next-arrow{width:33px; height:105px; line-height:105px; text-align:center; background-color: var(--main-bg-color); background-image:url(../images/black-bg.png); background-repeat:repeat; display:block; font-size:20px; color:#fff; border-radius:30px; position:absolute; right:24px; top:50%; transform:translate(0, -50%); cursor:pointer;}

.owl-prev, .owl-next { width:33px; height:105px; line-height:105px; text-align:center; background-color: var(--main-bg-color) !important; background-image:url(../images/black-bg.png) !important; background-repeat:repeat; display:block; font-size:20px; color:#fff; border-radius:30px; position: absolute; top: 50%; transform: translateY(-50%); }
.owl-prev:focus, .owl-next:focus{outline:none;}
.owl-prev svg, .owl-next svg { width: 20px; height: 20px; }
.owl-prev {left:24px;}
.owl-next {right:24px; }
.owl-prev span{font-size:0; background:url(../images/arrow-white-left.png) no-repeat center center; width:11px; height:18px; display:inline-block; vertical-align:middle; background-size:contain;}
.owl-next span{font-size:0; background:url(../images/arrow-white-right.png) no-repeat center center; width:11px; height:18px; display:inline-block; vertical-align:middle; background-size:contain;}

.home_slider .owl-dots{display:none;}

/** ========= HOME SERVICES ========= **/
.service-box{margin-bottom:30px;}
.service-box h5{font-size:16px; line-height:16px; font-weight:700; text-transform:uppercase; margin-bottom:15px;}
.service-box h5 a{color:#2a363f;}
.service-box h5:hover a{color:var(--main-txt-color);}
.service-box p{margin-bottom:18px; color:#727272;}
.service-box p a{color:var(--main-txt-color);}
.service-box ul{display:-webkit-box; display:-webkit-flex; display:-moz-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin:0 -10px;}
.service-box li{min-height:1px; -webkit-box-flex:0; -webkit-flex:0 0 33.3333%; -moz-flex:0 0 33.3333%; -ms-flex:0 0 33.3333%; flex:0 0 33.3333%; max-width:33.3333%; word-wrap:break-word; display:block; padding:0 10px; margin-bottom:24px;}
.service-box .service-img{width:100%; height:240px;}
.service-box .service-content{background:#fff; padding:15px;}
.service-box .service-info .s-infobox{float:left; padding-right:18px; margin-right:18px; margin-bottom:5px; border-right:#dddddd 1px solid; color:#585858;}
.service-box .service-info .s-infobox:last-child{border-right:none; margin-right:0; padding-right:0;}
.service-box .service-info .s-infobox span{display:block; font-weight:700; color:#333333;}

/** ========= HOME FEATURES ========= **/
.feature-box{margin-bottom:30px;}
.feature-box h4{font-size:18px; line-height:18px; font-weight:700; margin-bottom:10px;}
.feature-icon{float:left; width:100px; height:107px; line-height:107px; text-align:center; border:2px solid; border-color:var(--main-border-color); font-size:40px; color:var(--main-txt-color);}
.feature-contant{padding:10px 0 0 125px;}

/** ========= HOME ABOUT ========= **/
.home-about-img{width:100%; height:100%; position:relative;}
.arrow-left{width:0; height:0; border-top:42px solid transparent; border-bottom:42px solid transparent; border-right:54px solid #2a363f; position:absolute; right:0; top:50%; transform:translate(0,-50%);}
.home-about-content{padding-right:15%;}

/** ========= HOME CAREER ========= **/
.accordion .accordion_tab{font-size:14px; line-height:14px; color:#2a363f; font-weight:700; text-transform:uppercase; padding:14px 45px 14px 17px; margin-bottom:13px; background-color:#fff; border:#edebeb 1px solid; display:block; position:relative; cursor:pointer;}
.accordion .accordion_tab:after{position:absolute; content:"\f107"; right:10px; top:50%; transform:translate(0,-50%); width:30px; height:30px; line-height:30px; border-radius:50%; font-size:15px; text-align:center; color:#fff; font-family: FontAwesome; background-color: var(--main-bg-color);}
.accordion.active .accordion_tab:after{content:"\f106";}
.accordion .accordion_content{padding:10px 18px; background-color:#fff; border:#edebeb 1px solid; margin-bottom:13px; transition:all 0.3s; display:none;}
.accordion.active .accordion_content{display:block;}
.accordion .accordion_content p{margin-bottom:0;}



/** ========= HOME TESTIMONIALS ========= **/
.user-img{width:117px; height:117px; float:left; border-radius:50%; -webkit-border-radius:50%; border:#f2eded 3px solid;}
.testi-contant{padding-left:149px;}
.testi-contant p{font-size:18px; line-height:28px; padding:25px 0 0 2px; margin-bottom:15px; position:relative;}
.testi-contant p:before{position:absolute; left:0; top:0; content:""; width:62px; height:52px;background:url(../images/coma-bg.png) no-repeat top left; background-size:contain;}
.testi-contant .user-info{font-size:18px; line-height:28px; font-weight:700;}
.testi-contant .user-info span{display:block; font-size:14px; font-weight:normal;}

.testi-slider{}
.owl-dots {margin:30px auto 0; text-align:center;}
.owl-carousel button.owl-dot{ width:15px; height:15px; background:#ebeae8; border-radius:50%; -webkit-border-radius:50%; display:inline-block; vertical-align:top; margin:0 3px;}
.owl-carousel button.owl-dot.active{background-color: var(--main-bg-color);}

/** ========= INNER PAGE HEADING ========= **/
.inner-banner{background-color: var(--main-bg-color); background-image:url(../images/black.png); background-repeat:repeat; padding:20px 0;}
.page-heading{font-size:2.6em; line-height:35px; color:#fff; font-weight:900; text-align:center;}
.inner-banner .heading-bg{margin:15px auto;}
.breadcrumb{background-color:inherit; padding:0; margin:0; text-align:center; display:block;}
.breadcrumb li{display:inline-block; vertical-align:top; font-size:18px; color:var(--main-txt-color); position:relative;}
.breadcrumb li:after{content:"/"; color:#aaaaaa; margin-left:5px;}
.breadcrumb li:last-child:after{display:none;}
.breadcrumb li a{color:#aaaaaa;}
.breadcrumb li:hover a{color:var(--main-txt-color);}

/** ========= SERVICE DETAILS ========= **/
#service-details .service-info{background:#fff; padding:20px 20px 15px; font-size:16px;}
#service-details .service-info .s-infobox{float:left; padding-right:18px; margin-right:18px; margin-bottom:5px; border-right:#dddddd 1px solid; color:#585858;}
#service-details .service-info .s-infobox:last-child{border-right:none; margin-right:0; padding-right:0;}
#service-details .service-info .s-infobox span{display:block; margin-bottom:5px; font-weight:600; color:#333333;}
#service-details .service-info .s-infobox span{color:var(--main-txt-color);}

/** ========= ABOUT PAGE ========= **/
.team-box{background-color:#fff; padding:10px; margin-bottom:30px; text-align:center;}
.team-member-info{padding:20px 0 15px;}
.team-member-designation{margin-bottom: 0;}

.partner-logo{background-color:#fff; height:95px; line-height:95px; text-align:center; margin-bottom:30px;}
.partner-logo img{max-height:95px; display:inline; vertical-align:middle;}

/** ========= PORTFOLIO PAGE ========= **/
.gallery-tab-menu{text-align:center; margin-bottom:50px;}
.gallery-tab-menu li{display:inline-block; vertical-align:top;}
.gallery-tab-menu li a{font-size:14px; line-height:14px; color:#333; font-weight:700; padding:0 15px 9px; text-transform:uppercase; transition:0.3s; background:none; border-radius:0; border-bottom:1px solid transparent; margin:0; display:block;}
.gallery-tab-menu li:hover a, .gallery-tab-menu li.active a{background:none; border-bottom:#0db4ea 1px solid; color:var(--main-txt-color);}

.portfolio-box{position:relative; text-align:center; margin-bottom:30px; overflow:hidden;}
.portfolio-box:after{position:absolute; content:""; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,0.8); transition:0.3s; opacity:0;}

/* project box hover info*/
.portfolio-box .hoverinfo{position:absolute; bottom:0%; left:0; width:100%; transition:all 0.5s; opacity:0; visibility:hidden;	z-index:1;}
.portfolio-box .hoverinfo a{color:#333;}.
.portfolio-title{margin-bottom:10px;}
.portfolio-brand{margin:0;}
.portfolio-box a.zoom-img-icon{position:absolute; top:0%; left:0; right:0; margin:0 auto; width:100%; transition:all 0.5s; opacity:0; visibility:hidden;	z-index:1; display:block; width:40px; height:40px; line-height:40px; font-size:18px; border-radius:50%; -webkit-border-radius:50%; text-align:center; color:#fff; background-color: var(--main-bg-color); transition:0.3s;}
.portfolio-box:hover a.zoom-img-icon{top:50%; transform:translate(0,-50%); opacity:1; visibility:visible;}
.portfolio-box:hover .hoverinfo{bottom:30px; opacity:1; visibility:visible;}
.portfolio-box:hover:after{opacity:1;}

/** ========= BLOG PAGE ========= **/
.blog-box{margin-bottom:30px;}
.blog-box h5{font-size:16px; line-height:16px; font-weight:700; text-transform:none; margin-bottom:15px;}
.blog-box h5 a{color:#2a363f;}
.blog-box h5:hover a{color:var(--main-txt-color);}
.blog-box p{margin-bottom:18px; color:#727272;}
.blog-box p:last-child{margin-bottom:0;}
.blog-box p a{color:var(--main-txt-color);}
.blog-box .blog-img{width:100%; height:240px;}
.blog-box .blog-content{background:#fff; padding:20px;}
.blog-box .post-time{display:inline-block; vertical-align:top; font-size:12px; margin-right:10px; margin-bottom:5px;}
.blog-box .post-by{display:inline-block; vertical-align:top; font-size:12px; margin-bottom:5px;}
.post-by a{color:#727272; transition:0.3s;}
.blog-box .post-categories{font-size:12px; margin-bottom:15px; color:#727272;}
.post-categories span{color:#333;}
.post-categories a{color:#727272; transition:0.3s;}
.post-by a:hover, .post-categories a:hover{color:var(--main-txt-color);}

.blog-box2{background-color:#fff; padding:25px 20px; margin-bottom:25px;}
.blog-box2 h3{font-size:24px; color:#2a363f; text-transform:none; margin-bottom:10px;}
.blog-box2 h3 a{color:#2a363f;}
.blog-box2 .post-time, .blog-box2 .post-by, .blog-box2 .post-categories{display:inline-block; vertical-align:top; margin-right:15px; margin-bottom:5px;}
.blog-box2 .blog-img{width:100%; height:360px; margin:15px 0 25px;}
.blog-box2 p:last-child{margin-bottom:0;}

.blog-sidebar h5{font-size:30px; line-height:18px; margin-bottom:25px; text-align: center !important;}


.blog-sidebar .search-box{padding:17px 17px; border-bottom:none; background-color: var(--main-bg-color); background-image:url(../images/black-bg.png); background-repeat:repeat;}
.blog-sidebar .search-box h5{color:#fff; margin-bottom:20px;}
.blog-sidebar .search-box .search-form{position:relative;}
.blog-sidebar .search-box .search-form input[type="text"] {display:block; width:100%; height:43px; border:none; background:#fff; border-radius:3px; padding:0 15px;}
.blog-sidebar .search-box .search-form button{position:absolute; top:0; right:0; display:block; width:47px; height:43px; border:none; background-color: var(--main-bg-color); border-radius:0 3px 3px 0; text-align:center; font-size:16px; color:#fff; cursor:pointer;}
ul.post-category-list{display:block; list-style:none; margin:0; padding:0;}
ul.post-category-list li{margin-bottom:20px; position:relative; font-size:14px; line-height:14px; padding-left:23px;}
ul.post-category-list li:last-child{margin-bottom:0;}
ul.post-category-list li:after{position:absolute; content:""; left:0; top:2px; background:url(../images/arrow-black.png) no-repeat center; background-size:contain; width:13px; height:10px;}
ul.post-category-list a{color:#333;}

ul.recent-post{display:block; list-style:none; margin:0; padding:0;}
ul.recent-post li{margin-bottom:15px; padding-bottom:12px; border-bottom:#ececec 1px  solid;}
ul.recent-post li p{margin-bottom:8px;}
ul.recent-post li a{font-size:14px; line-height:24px; color:#333;}
ul.recent-post li:last-child{margin-bottom:0; padding-bottom:0; border-bottom:none;}
.blog-meta{font-size:12px; color:#727272;}

ul.sidebar-instagram-photos{display:block; list-style:none;}
ul.sidebar-instagram-photos li{float:left; width:33.3333%;}
ul.sidebar-instagram-photos li img{width:100%;}

.blog-details-box{margin-bottom:30px;}
.blog-details-box .blog-details-content{background-color:#fff; padding:25px 20px;}
.blog-details-box .blog-details-content h3{font-size:24px; text-transform:none;}
.blog-details-box .blog-details-content .post-time, .blog-details-box .blog-details-content .post-by, .blog-details-box .blog-details-content .post-categories{display:inline-block; vertical-align:top; margin-right:15px; margin-bottom:5px;}
.blog-details-box .blog-details-content p{margin-top:15px;}

.share-post{margin-bottom: 25px; padding-bottom: 25px; border-bottom: #d6d6d6 1px solid;}
.share-post-social{list-style:none; margin:0; padding:0;}
.share-post-social li{float:left; margin-right:15px; font-size:30px; line-height:30px;}
.share-post-social li a{color:#333; transition:0.3s;}
.share-post-social li a:hover{color:var(--main-txt-color);}

.blog-comment-form textarea{display:block; width:100%; height:134px; background:#fff; border:#d6d6d6 1px solid; border-radius:0; box-shadow:none; padding:15px; font-size:14px; color:#333; margin-bottom:30px;}

/** ========= TESTIMONIALS PAGE ========= **/
.testimonial-box{background-color:#fff; padding:30px 15px; border-radius:3px; margin-bottom:30px; text-align:center;}
.testimonial-box .testimonial-img{width:100px; height:100px; margin:0 auto 15px; border-radius:50%;}
.testimonial-box .user-info{font-size:18px; line-height:28px; font-weight:700; padding-bottom:20px; border-bottom:#e3e3e3 1px solid;}
.testimonial-box .user-info span{display:block; font-size:14px; font-weight:normal; color:var(--main-txt-color);}
.testimonial-box p{margin-top:13px; padding:15px 12px 0; position:relative;}
.testimonial-box p:before{position:absolute; left:0; right:0; top:0; content:""; margin:0 auto; width:62px; height:52px; background:url(../images/coma-bg.png) no-repeat top left; background-size:contain;}
.testimonial-rating{display:block; margin:0; padding:0;}
.testimonial-rating li{list-style:none; display:inline-block; vertical-align:top; color:var(--main-txt-color); font-size:16px; line-height:16px; margin:0 1px;}

/** ========= PRICING PAGE ========= **/
ul.pricing-tab{padding:0; margin:0 0 30px; list-style:none; text-align:center;}
ul.pricing-tab li{display:inline-block; vertical-align:top; margin:0 8px;}
ul.pricing-tab li a{font-size:14px; line-height:14px; font-weight:700; text-transform:uppercase; color:#333; padding:0 4px 9px; border-bottom:1px transparent; transition:0.3s;}
ul.pricing-tab li:hover a, ul.pricing-tab li.active a{color:var(--main-txt-color); border-bottom:#0db4ea 1px solid;}

.pricing-box{background-color:#fff; border-radius:3px; margin-bottom:30px;}
.pricing-header{text-align:center; padding:50px 10px; background-color: var(--main-bg-color); background-image:url(../images/black-bg.png); background-repeat:repeat; border-radius:3px 3px 0 0; color:#fff;}
.pricing-header h3{font-size:30px; line-height:30px; text-transform:none; color:#fff; margin-bottom:15px;}
.pricing-header h5{font-size:18px; line-height:18px; text-transform:none; color:#fff; margin-bottom:0;}
.pricing-content{padding:30px 15px 40px;}
.pricing-content p{font-size:16px; line-height:24px; text-align:center; border-bottom:#e3e3e3 1px solid; padding:0 6% 25px; margin-bottom:30px;}
.pricing-box ul.list{min-height:142px;}
.pricing-box ul.list li:after{ content:"\f00c"; color:var(--main-txt-color); background:none; font-size:19px; font-family: FontAwesome; top:0;}
.pricing-box .btn.btn-medium{padding:16px 30px;}

.pricing-advanced .pricing-content p{padding:0 0 25px;}


/** ========= CONTACT PAGE ========= **/
/* contact info */
.contact-info-sec{background-color:#fff; margin-bottom:60px; padding-top:30px;}
.contact-info-box{text-align:center; border-right:#cfcfcf 1px solid; margin-bottom:30px;}
.contact-info-box:last-child{border-right:none;}
.contact-info-box a{color:#333; transition:0.3s;}
.contact-info-box a:hover{color:#000;}
.contact-info-box p{font-weight:400;}
.contact-icon{color:var(--main-txt-color); font-size:50px; margin-bottom:20px;}

/* contact form */
#contact-section .contact-form{padding-right:25px;}
#contact-section .contact-form .f-field{margin-bottom:15px;}
#contact-section .contact-form .f-field input{display:block; width:100%; height:50px; border:#d6d6d6 1px solid; border-radius:3px; box-shadow:none; padding:0 15px; font-size:14px; line-height:14px; color:#333;}
#contact-section .contact-form .f-field textarea{display:block; width:100%; height:190px; border:#d6d6d6 1px solid; border-radius:3px; box-shadow:none; padding:15px; font-size:14px; line-height:14px; color:#333;}
#contact-section .contact-form .submit-btn{margin-top:25px;}
#contact-section .contact-form .submit-btn input{display:inline-block; width:165px; height:50px; border:none; box-shadow:none; border-radius:3px; background-color: var(--main-bg-color); font-size:14px; line-height:14px; text-transform:uppercase; font-weight:700; color:#fff; text-align:center;}

/* google map */
.gmap{padding-left:25px;}
.gmap iframe{width:100%; border:#fff 8px solid;}

/** ========= TYPOGRAPHY PAGE ========= **/
table{width:100%; max-width:100%; margin-bottom:1rem;}
table tbody tr td, table tbody tr th, table tfoot tr td, table tfoot tr th, table thead tr td, table thead tr th {padding:.75rem; vertical-align:top; border:1px solid #7786a3;}

code{font-size:0.875em; color:#333;}
figure{margin:0 0 1rem; background:#eaeaea; padding:20px 15px;}
pre{font-size:0.875em; color:#333; margin:0;}

.grey-bg figure{background:#fff;}

/** ========= 404 PAGE ========= **/
.heading-404{font-size:250px; line-height:250px; font-weight:700; color:var(--main-txt-color); margin-bottom:10px;}
.text-404{font-size:18px;}

/** ========= RESPONSIVE ========= **/

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

}
@media only screen and (max-width:1199px) {
.full_slide_caption{margin-top:25px;}
.slider-txt-big{font-size:45px; line-height:45px;}
.full_slide_caption p{font-size:14px;}
}
@media only screen and (max-width:991px) {
.h-topbar, .h-topbar-right{text-align:center;}
.header-social{margin-bottom:10px;}
.header-social li{display:inline-block; vertical-align:top; float:none; margin-right:4px;}

.navbar-collapse{margin-top:30px; border-top:#e4e4e4 1px solid;}
.navbar-nav li.nav-item{margin-left:0; padding:15px 15px; border-bottom:#dedede 1px solid;}
.navbar-nav li.nav-item:last-child{border-bottom:none; padding-bottom:0;}
.navbar-nav .nav-link{margin-top:0;}

.dropdown-menu{left:auto; transform:inherit; top:auto; background-color:inherit; min-width:inherit; padding-bottom:0;}
.navbar-nav .dropdown-menu:before{display:none;}
.dropdown-item{color:#2a363f;}

.full_slide_caption{margin-top:0;}
.slider-txt-big{font-size:30px; line-height:30px;}

.btn.btn-big, .btn.btn-medium{padding:15px 20px;}

.leave-comment{margin-bottom:35px;}

.contact-info-box{border-right:none; border-bottom:#cfcfcf 1px solid; padding-bottom:10px;}
.contact-info-box:last-child{border-bottom:none; padding-bottom:0;}
#contact-section .contact-form{padding-right:0;}
.gmap{padding-left:0;}

.heading-404{font-size:170px; line-height:170px;}
}
@media only screen and (max-width:880px) {

}
@media only screen and (max-width:767px) {
.h1, h1{font-size:2.25em;}
.h2, h2{font-size:1.875em;}
.h3, h3{font-size:1.5em;}
.h4, h4{font-size:1.375em;}
	
#footer .section-inner.footer-top, #footer .section-inner.footer-bottom, #footer .section-inner.footer-bottom .text-end, .newsletter-form .submit-btn{text-align:center !important;}
.footer-logo{margin:0 auto 25px;}

.home-slider-wrapper{padding:40px 0 30px;}
.full_slide_caption{margin-bottom:20px; text-align:center;}
.slider-txt-big, .full_slide_caption p{margin-bottom:15px;}

.section-inner{padding:40px 0;}

section#home-about .arrow-left{display:none;}
.home-about-img{height:350px;}
.home-about-content{padding-right:15px; padding-left:15px; max-width:540px; margin:0 auto;}

.page-heading{font-size:1.875em;}
.breadcrumb li{font-size:16px;}

.blog-box2 .blog-img{height:300px;}
.blog-details-box .blog-details-content h3{font-size:20px;}

.video-details iframe{height:285px;}

.heading-404{font-size:120px; line-height:120px;}
}
@media only screen and (max-width:640px) {
.owl-nav{display:none;}
}
@media only screen and (max-width:575px) {
.contact-info-sec{margin-left:0; margin-right:0;}
#contact-section .contact-form, .gmap{padding-right:15px; padding-left:15px;}

.gallery-tab-menu li a{padding:0 8px 9px;}
}
@media only screen and (max-width:480px) {
.navbar-brand img{max-width:190px;}

.home-about-img{height:300px;}

.testi-box{margin-bottom:25px;}
.user-img{float:none; margin:0 auto;}
.testi-contant{padding-left:0; text-align:center;}

.heading-404{font-size:80px; line-height:80px;}

.blog-box2 h3{font-size:20px;}
.blog-box2 .blog-img{height:250px;}

ul.tabs li, .gallery-tab-menu li{display:block; margin-bottom:10px;}

#service-details .service-info .s-infobox{float:none; padding-right:0; margin-right:0; margin-bottom:15px; padding-bottom:15px; border-right:none; border-bottom:#dddddd 1px solid;}
#service-details .service-info .s-infobox:last-child{border-bottom:none; padding-bottom:0; margin-bottom:0;}

.video-details iframe{height:250px;}
}
@media only screen and (max-width:360px) {
.feature-box{margin-bottom: 20px;}
.feature-icon{width:80px; height:90px; line-height:90px;}
.feature-contant{padding:10px 0 0 100px;}

.home-about-img{height:250px;}

.blog-box2 h3{font-size:18px;}
.blog-box .blog-img, .blog-box2 .blog-img, .news-box .news-img{height:200px;}
.blog-details-box .blog-details-content h3{font-size:18px;}
}

.home-slider-wrapper {
    background: url(../images/slider/slider2.jpg) no-repeat center center;
    background-size: cover;
    padding: 70px 0 60px;
    position: relative;
}
.slider-form  input{
    display: block;
    width: 100%;
    height: 50px;
    border: #d6d6d6 1px solid;
    border-radius: 3px;
    box-shadow: none;
    padding: 0 15px;
    font-size: 14px;
    line-height: 14px;
    color: #333;
}
.slider-form input, textarea {
    font-family: 'Roboto', sans-serif;
}
/*call and whatsap*/
.wh-sc-icn {
                position: fixed;
                left: 2px;
                z-index: 999;
                bottom: 20px !important;
            }
            .wh-sc-icn a i {
        margin: 6px !important;
                font-size: 45px;
            }
            .fa-phone-square {
                color: #bdb039;
            }
            .fa-comments {
                color: green;
   }


.contact-box .icon-box {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    background:#0db4ea;
    border-radius: 50%;
    font-size: 55px;
    padding: 15px;
    color: #fff;
    margin-bottom: 25px;
    box-shadow: 0 0 11px 1px rgba(0, 0, 0, 0.2);
}
.contact-box .con-diss h4{

  margin-bottom: 10px;

}
.con-diss  h4 {
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 0px;
    font-size: 18px;
    line-height: 1.4;
    text-align: center;
}


/*--------------header color-*/
.h-topbar {
    background-color:#202623 !important ;

  }

  #footer {

  background-color:#202623 !important ;

  }

  .footer-bottoms{
    padding-top: 0px;
      padding-bottom: 0px;
     background-color:#202623 !important ;

  }


 

/* -----inner-banner color----*/
  .inner-banner{
    background-color:#202623 !important ;
  }

  /* -----service sidebar color----*/
  .blog-sidebar .search-box {

     background-color:#202623 !important ;

  }

   
  .sidebar-box li a{

    font-size: 20px;

  }
  .sidebar-box li a:hover{

     color:#fff;
  }

/*--------location list-------*/

.locations h2{
    
    padding-top: ;
   text-align: center;

}
.location-list ul li{

 text-decoration: none;
 text-align: center;
 padding-bottom: 10px;
 padding-top: 10px;
 margin-bottom: 10px !important;


}
.location-list li{

  background-color:#0db4ea;
 

}
.location-list ul li{

      list-style: none;

}
.location-list ul li a{

  font-size: 20px;

}
.location-list ul li a{

   text-decoration:none;
   color:white;
}


/*-- About font-*/

#about-font{

  font-size:20px !important;
}

/* Services font size-------*/
.Service-font{

    font-size: 15px !important;
}

/* location font-------*/
.location-font{

       font-size:18px !important;
}

/* -------contact button -------*/
@media only screen and (max-width:480px){
.btn.btn-big, .btn.btn-medium {
   display:none !important;
}
}
.post-category-list  li a{
	display: block;
    padding: 19px 10px;
    margin: 3px;
    color: #000;
    font-weight: 600;
    background-color: #0db4ea;
}
.service-content img{
	width: 60%;
}
.service-box{
	text-align: center;
	box-shadow: 0px 1px 0px 1px;
	color: #0db4ea;
}
marquee{
	color:#0db4ea;
	font-size: 18px; 
}
.form-control{
	margin-bottom: 5px !important;
}
.main-form{
	padding: 20px;
}/* =========================================
   WHY CHOOSE US
   PRIMARY COLOR: #0db4ea
========================================= */

.nm-why-section {

    position: relative;

    padding: 90px 0;

    overflow: hidden;

    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #f7fcfe 55%,
            #eafaff 100%
        );

    font-family:
        "Poppins",
        Arial,
        sans-serif;
}


/* =========================================
   BACKGROUND
========================================= */

.nm-why-bg {

    position: absolute;

    width: 520px;
    height: 520px;

    left: -270px;
    top: -230px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(13,180,234,.12),
            rgba(13,180,234,0)
        );

    pointer-events: none;
}


.nm-why-section::after {

    content: "";

    position: absolute;

    width: 430px;
    height: 430px;

    right: -250px;
    bottom: -230px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(13,180,234,.08),
            transparent 70%
        );

    pointer-events: none;
}


/* DOTS */

.nm-why-dots {

    position: absolute;

    right: 5%;
    top: 55px;

    width: 120px;
    height: 100px;

    opacity: .35;

    background-image:
        radial-gradient(
            #0db4ea 1px,
            transparent 1px
        );

    background-size: 12px 12px;

    pointer-events: none;
}


/* =========================================
   IMAGE AREA
========================================= */

.nm-why-visual {

    position: relative;

    max-width: 480px;

    margin: auto;

    padding: 12px;
}


/* IMAGE */

.nm-why-image {

    position: relative;

    height: 500px;

    overflow: hidden;

    border-radius: 22px;

    background:
        #eafaff;

    box-shadow:
        0 20px 55px
        rgba(13,180,234,.13);
}


.nm-why-image::after {

    content: "";

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            180deg,
            rgba(13,180,234,0),
            rgba(13,180,234,.12)
        );

    pointer-events: none;
}


.nm-why-image img {

    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition:
        transform .6s ease;
}


.nm-why-visual:hover
.nm-why-image img {

    transform:
        scale(1.04);
}


/* =========================================
   EXPERIENCE BADGE
========================================= */

.nm-experience {

    position: absolute;

    z-index: 3;

    left: -8px;
    bottom: 55px;

    display: flex;

    align-items: center;

    gap: 10px;

    padding: 13px 18px;

    background:
        #ffffff;

    border:
        1px solid #e2edf0;

    border-radius: 12px;

    box-shadow:
        0 12px 35px
        rgba(30,80,95,.12);
}


.nm-experience strong {

    color:
        #0db4ea;

    font-size: 30px;

    line-height: 1;

    font-weight: 800;
}


.nm-experience span {

    color:
        #59656b;

    font-size: 10px;

    line-height: 1.4;

    font-weight: 700;
}


/* =========================================
   FLOATING CARD
========================================= */

.nm-floating-card {

    position: absolute;

    z-index: 3;

    right: -10px;
    top: 45px;

    display: flex;

    align-items: center;

    gap: 9px;

    padding: 10px 13px;

    background:
        rgba(255,255,255,.96);

    border:
        1px solid #e3eef1;

    border-radius: 11px;

    box-shadow:
        0 10px 30px
        rgba(30,80,95,.11);
}


.nm-floating-icon {

    display: flex;

    align-items: center;
    justify-content: center;

    width: 32px;
    height: 32px;

    border-radius: 50%;

    background:
        #e9f9fe;

    color:
        #0db4ea;

    font-size: 14px;

    font-weight: 800;
}


.nm-floating-card strong {

    display: block;

    color:
        #27343a;

    font-size: 10px;
}


.nm-floating-card small {

    display: block;

    margin-top: 2px;

    color:
        #929ba0;

    font-size: 8px;
}


/* =========================================
   CONTENT
========================================= */

.nm-why-content {

    position: relative;

    z-index: 2;

    padding-left: 25px;
}


/* TAG */

.nm-why-tag {

    display: inline-flex;

    padding: 7px 14px;

    border-radius: 30px;

    background:
        #e9f9fe;

    border:
        1px solid #cceff9;

    color:
        #079bc9;

    font-size: 10px;

    font-weight: 800;

    letter-spacing: 1px;
}


/* HEADING */

.nm-why-content h2 {

    max-width: 650px;

    margin:
        14px 0 13px;

    color:
        #202b31;

    font-size:40px;

    line-height: 1.12;

    font-weight: 800;

    letter-spacing:
        -.9px;
}


.nm-why-content h2 span {

    display: block;

    color:
        #0db4ea;
}


/* INTRO */

.nm-why-intro {

    max-width: 620px;

    margin:
        0 0 27px;

    color:
        #748087;

    font-size: 12px;

    line-height: 1.8;
}


/* =========================================
   WHY GRID
========================================= */

.nm-why-grid {

    display: grid;

    grid-template-columns:
        1fr 1fr;

    gap: 14px;
}


/* ITEM */

.nm-why-item {

    display: flex;

    align-items: flex-start;

    gap: 11px;

    padding: 15px;

    background:
        rgba(255,255,255,.85);

    border:
        1px solid #e3ecef;

    border-radius: 12px;

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;
}


.nm-why-item:hover {

    transform:
        translateY(-4px);

    border-color:
        rgba(13,180,234,.30);

    box-shadow:
        0 12px 30px
        rgba(13,180,234,.09);
}


/* ICON */

.nm-why-icon {

    display: flex;

    align-items: center;
    justify-content: center;

    flex-shrink: 0;

    width: 37px;
    height: 37px;

    border-radius: 10px;

    background:
        #e9f9fe;

    color:
        #0db4ea;

    font-size: 14px;

    font-weight: 800;
}


/* ITEM TEXT */

.nm-why-item h4 {

    margin:
        1px 0 4px;

    color:
        #29353b;

    font-size: 12px;

    font-weight: 750;
}


.nm-why-item p {

    margin: 0;

    color:
        #899298;

    font-size: 9.5px;

    line-height: 1.65;
}


/* =========================================
   BOTTOM
========================================= */

.nm-why-bottom {

    display: flex;

    align-items: center;

    gap: 18px;

    margin-top: 25px;
}


/* BUTTON */

.nm-why-btn {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    padding: 13px 20px;

    border-radius: 8px;

    background:
        linear-gradient(
            135deg,
            #0db4ea,
            #079dce
        );

    color:
        #ffffff;

    font-size: 10px;

    font-weight: 800;

    letter-spacing: .5px;

    text-decoration: none;

    box-shadow:
        0 8px 20px
        rgba(13,180,234,.20);

    transition:
        .3s ease;
}


.nm-why-btn span {

    font-size: 16px;

    line-height: 1;
}


.nm-why-btn:hover {

    color: #ffffff;

    transform:
        translateY(-2px);

    box-shadow:
        0 12px 27px
        rgba(13,180,234,.28);
}


/* TRUST */

.nm-why-trust {

    display: flex;

    align-items: center;

    gap: 7px;

    color:
        #808b91;

    font-size: 9px;

    font-weight: 600;
}


.nm-why-trust span {

    display: flex;

    align-items: center;
    justify-content: center;

    width: 21px;
    height: 21px;

    border-radius: 50%;

    background:
        #e9f9fe;

    color:
        #0db4ea;

    font-size: 10px;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .nm-why-section {

        padding:
            70px 0;
    }

    .nm-why-content {

        padding-left: 0;

        text-align: center;
    }

    .nm-why-intro {

        margin-left: auto;
        margin-right: auto;
    }

    .nm-why-bottom {

        justify-content: center;
    }

    .nm-why-visual {

        margin-bottom: 20px;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .nm-why-section {

        padding:
            55px 0;
    }

    .nm-why-image {

        height: 380px;

        border-radius: 17px;
    }

    .nm-experience {

        left: 0;

        bottom: 30px;

        padding: 10px 13px;
    }

    .nm-experience strong {

        font-size: 25px;
    }

    .nm-floating-card {

        right: 0;

        top: 25px;
    }

    .nm-why-content h2 {

        font-size: 31px;
    }

    .nm-why-intro {

        font-size: 11px;
    }

    .nm-why-grid {

        grid-template-columns: 1fr;

        text-align: left;
    }

    .nm-why-item {

        padding: 13px;
    }

    .nm-why-bottom {

        flex-direction: column;

        gap: 12px;
    }

    .nm-why-trust {

        justify-content: center;
    }
}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 480px) {

    .nm-why-image {

        height: 330px;
    }

    .nm-floating-card {

        right: -3px;

        padding: 8px 10px;
    }

    .nm-floating-icon {

        width: 28px;
        height: 28px;
    }

    .nm-why-content h2 {

        font-size: 28px;
    }

    .nm-why-btn {

        width: 100%;

        justify-content: center;

        box-sizing: border-box;
    }
}/* ================================
   WORK PROCESS SECTION
================================ */

.nm-process-section {
    position: relative;
    overflow: hidden;
    padding: 90px 0;
    background:
        radial-gradient(circle at 10% 20%, rgba(13, 180, 234, 0.10), transparent 30%),
        radial-gradient(circle at 90% 80%, rgba(13, 180, 234, 0.08), transparent 30%),
        #17232d;
    font-family: 'Poppins', sans-serif;
    color: #fff;
}

/* Background Glow */

.nm-process-glow {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    filter: blur(10px);
}

.nm-process-glow-one {
    width: 280px;
    height: 280px;
    top: -140px;
    left: -100px;
    background: rgba(13, 180, 234, 0.10);
}

.nm-process-glow-two {
    width: 320px;
    height: 320px;
    right: -140px;
    bottom: -160px;
    background: rgba(13, 180, 234, 0.08);
}


/* Heading */

.nm-process-heading {
    position: relative;
    max-width: 720px;
    margin: 0 auto 65px;
}

.nm-process-tag {
    display: inline-block;
    padding: 7px 16px;
    border: 1px solid rgba(13, 180, 234, 0.35);
    border-radius: 50px;
    color: #0db4ea;
    background: rgba(13, 180, 234, 0.08);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.8px;
    margin-bottom: 15px;
}

.nm-process-heading h2 {
    margin: 0;
    font-size: 42px;
    line-height: 1.2;
    font-weight: 800;
    color: #fff;
}

.nm-process-heading h2 span {
    color: #0db4ea;
}

.nm-process-heading p {
    margin: 16px auto 0;
    max-width: 620px;
    color: #aebbc5;
    font-size: 15px;
    line-height: 1.8;
}


/* Process Wrapper */

.nm-process-wrapper {
    position: relative;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 18px;
}


/* Connecting Line */

.nm-process-wrapper::before {
    content: "";
    position: absolute;
    top: 67px;
    left: 9%;
    right: 9%;
    height: 2px;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(13, 180, 234, 0.45),
        rgba(13, 180, 234, 0.45),
        transparent
    );
    z-index: 0;
}


/* Process Item */

.nm-process-item {
    position: relative;
    z-index: 2;
    text-align: center;
    padding: 28px 18px 25px;
    background: rgba(255, 255, 255, 0.045);
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 18px;
    transition: all 0.35s ease;
}

.nm-process-item:hover {
    transform: translateY(-8px);
    border-color: rgba(13, 180, 234, 0.5);
    background: rgba(13, 180, 234, 0.07);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.20);
}


/* Number */

.nm-process-number {
    position: absolute;
    top: 10px;
    right: 13px;
    font-size: 12px;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.28);
}


/* Icon */

.nm-process-icon {
    width: 78px;
    height: 78px;
    margin: 0 auto 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #203441;
    border: 2px solid rgba(13, 180, 234, 0.65);
    color: #0db4ea;
    font-size: 27px;
    box-shadow:
        0 0 0 7px rgba(13, 180, 234, 0.06),
        0 10px 25px rgba(0, 0, 0, 0.18);
    transition: all 0.35s ease;
}

.nm-process-item:hover .nm-process-icon {
    background: #0db4ea;
    color: #fff;
    transform: scale(1.08);
}


/* Title */

.nm-process-item h4 {
    margin: 0 0 10px;
    color: #fff;
    font-size: 17px;
    font-weight: 700;
}


/* Description */

.nm-process-item p {
    margin: 0;
    color: #aab7c0;
    font-size: 13px;
    line-height: 1.7;
}


/* ================================
   TABLET
================================ */

@media (max-width: 991px) {

    .nm-process-section {
        padding: 75px 0;
    }

    .nm-process-heading h2 {
        font-size: 36px;
    }

    .nm-process-wrapper {
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }

    .nm-process-wrapper::before {
        display: none;
    }

}


/* ================================
   MOBILE
================================ */

@media (max-width: 767px) {

    .nm-process-section {
        padding: 65px 0;
    }

    .nm-process-heading {
        margin-bottom: 40px;
    }

    .nm-process-heading h2 {
        font-size: 31px;
    }

    .nm-process-heading p {
        font-size: 14px;
    }

    .nm-process-wrapper {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }

    .nm-process-item {
        padding: 25px 14px 22px;
    }

}


/* ================================
   SMALL MOBILE
================================ */

@media (max-width: 480px) {

    .nm-process-wrapper {
        grid-template-columns: 1fr;
    }

    .nm-process-heading h2 {
        font-size: 28px;
    }

    .nm-process-icon {
        width: 70px;
        height: 70px;
        font-size: 24px;
    }

}/* =================================
   MISSION & VISION SECTION
================================= */

.nm-mv-section {
    position: relative;
    overflow: hidden;
    padding: 85px 0;
    background: #f5fbfd;
    font-family: 'Poppins', sans-serif;
}

/* Background Shapes */

.nm-mv-shape {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}

.nm-mv-shape-one {
    width: 320px;
    height: 320px;
    top: -180px;
    left: -120px;
    background: rgba(13, 180, 234, 0.07);
}

.nm-mv-shape-two {
    width: 300px;
    height: 300px;
    right: -130px;
    bottom: -160px;
    background: rgba(13, 180, 234, 0.06);
}


/* Heading */

.nm-mv-heading {
    position: relative;
    max-width: 700px;
    margin: 0 auto 55px;
}

.nm-mv-tag {
    display: inline-block;
    padding: 7px 17px;
    border-radius: 50px;
    background: rgba(13, 180, 234, 0.09);
    border: 1px solid rgba(13, 180, 234, 0.20);
    color: #0db4ea;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.7px;
    margin-bottom: 14px;
}

.nm-mv-heading h2 {
    margin: 0;
    color: #182d3a;
    font-size: 40px;
    font-weight: 800;
}

.nm-mv-heading h2 span {
    color: #0db4ea;
}

.nm-mv-heading p {
    margin: 15px auto 0;
    max-width: 620px;
    color: #6c7c86;
    font-size: 14px;
    line-height: 1.8;
}


/* Main Card */

.nm-mv-card {
    position: relative;
    height: 100%;
    display: flex;
    gap: 25px;
    padding: 35px 30px;
    border-radius: 20px;
    background: #ffffff;
    border: 1px solid #e3eef2;
    box-shadow: 0 12px 35px rgba(28, 72, 88, 0.07);
    transition: all 0.35s ease;
}

.nm-mv-card:hover {
    transform: translateY(-7px);
    border-color: rgba(13, 180, 234, 0.35);
    box-shadow: 0 18px 45px rgba(13, 180, 234, 0.12);
}


/* Icon */

.nm-mv-icon {
    flex: 0 0 68px;
    width: 68px;
    height: 68px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: rgba(13, 180, 234, 0.10);
    color: #0db4ea;
    font-size: 26px;
    transition: all 0.35s ease;
}

.nm-mv-card:hover .nm-mv-icon {
    background: #0db4ea;
    color: #ffffff;
    transform: rotate(-5deg);
}


/* Content */

.nm-mv-card-content {
    flex: 1;
}

.nm-mv-small-title {
    display: block;
    color: #0db4ea;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.5px;
    margin-bottom: 7px;
}

.nm-mv-card h3 {
    margin: 0 0 12px;
    color: #1b303c;
    font-size: 25px;
    font-weight: 750;
}

.nm-mv-card h3 span {
    color: #0db4ea;
}

.nm-mv-card p {
    margin: 0;
    color: #687983;
    font-size: 13px;
    line-height: 1.8;
}


/* Points */

.nm-mv-points {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    margin-top: 20px;
    padding-top: 17px;
    border-top: 1px solid #edf2f4;
}

.nm-mv-points div {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #40535e;
    font-size: 12px;
    font-weight: 600;
}

.nm-mv-points i {
    width: 19px;
    height: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(13, 180, 234, 0.10);
    color: #0db4ea;
    font-size: 9px;
}


/* =================================
   TABLET
================================= */

@media (max-width: 991px) {

    .nm-mv-section {
        padding: 70px 0;
    }

    .nm-mv-heading h2 {
        font-size: 35px;
    }

    .nm-mv-card {
        padding: 30px 25px;
    }

}


/* =================================
   MOBILE
================================= */

@media (max-width: 767px) {

    .nm-mv-section {
        padding: 60px 0;
    }

    .nm-mv-heading {
        margin-bottom: 38px;
    }

    .nm-mv-heading h2 {
        font-size: 30px;
    }

    .nm-mv-heading p {
        font-size: 13px;
    }

    .nm-mv-card {
        gap: 18px;
        padding: 25px 20px;
    }

    .nm-mv-icon {
        flex: 0 0 58px;
        width: 58px;
        height: 58px;
        font-size: 22px;
    }

    .nm-mv-card h3 {
        font-size: 21px;
    }

}


/* =================================
   SMALL MOBILE
================================= */

@media (max-width: 480px) {

    .nm-mv-card {
        display: block;
    }

    .nm-mv-icon {
        margin-bottom: 18px;
    }

    .nm-mv-points {
        display: block;
    }

    .nm-mv-points div {
        margin-bottom: 9px;
    }

}.nm-branch-section {
    padding: 75px 0;
    background: #f7fcfe;
    font-family: 'Poppins', sans-serif;
}

.nm-branch-heading {
    max-width: 700px;
    margin: 0 auto 45px;
}

.nm-branch-tag {
    display: inline-block;
    padding: 7px 17px;
    border-radius: 50px;
    background: rgba(13, 180, 234, 0.08);
    border: 1px solid rgba(13, 180, 234, 0.18);
    color: #0db4ea;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    margin-bottom: 12px;
}

.nm-branch-heading h2 {
    margin: 0;
    color: #1b303c;
    font-size: 40px;
    font-weight: 800;
}

.nm-branch-heading h2 span {
    color: #0db4ea;
}

.nm-branch-heading p {
    margin: 12px auto 0;
    color: #71808a;
    font-size: 14px;
}


/* City Grid */

.nm-city-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 16px;
}

.nm-city-card {
    padding: 18px 15px;
    text-align: center;
    background: #ffffff;
    border: 1px solid #e2edf1;
    border-radius: 10px;
    color: #263d49;
    font-size: 15px;
    font-weight: 600;
    box-shadow: 0 7px 22px rgba(30, 75, 90, 0.05);
    transition: all 0.3s ease;
}

.nm-city-card:hover {
    color: #0db4ea;
    border-color: rgba(13, 180, 234, 0.35);
    transform: translateY(-4px);
    box-shadow: 0 12px 28px rgba(13, 180, 234, 0.10);
}


/* Tablet */

@media (max-width: 991px) {

    .nm-city-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .nm-branch-heading h2 {
        font-size: 35px;
    }
}


/* Mobile */

@media (max-width: 767px) {

    .nm-branch-section {
        padding: 60px 0;
    }

    .nm-city-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .nm-branch-heading h2 {
        font-size: 30px;
    }

}


/* Small Mobile */

@media (max-width: 400px) {

    .nm-city-grid {
        grid-template-columns: 1fr;
    }

}/* ================= ALL INDIA BRANCHES ================= */

.union-network-section {
    position: relative;
    padding: 80px 20px;
    background: #f7fafc;
    overflow: hidden;
}

.union-network-section::before {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    background: rgba(31, 199, 149, 0.07);
    border-radius: 50%;
    top: -180px;
    right: -120px;
}

.union-network-section::after {
    content: "";
    position: absolute;
    width: 300px;
    height: 300px;
    background: rgba(31, 199, 149, 0.05);
    border-radius: 50%;
    bottom: -150px;
    left: -100px;
}

.union-network-container {
    position: relative;
    z-index: 2;
    max-width: 1200px;
    margin: 0 auto;
}

/* Heading */

.union-network-heading {
    max-width: 700px;
    margin: 0 auto 45px;
    text-align: center;
}

.union-network-heading span {
    display: inline-block;
    margin-bottom: 12px;
    padding: 7px 17px;
    border-radius: 30px;
    background: rgba(31, 199, 149, 0.10);
    color: #1fc795;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
}

.union-network-heading h2 {
    margin: 0 0 14px;
    color: #18232d;
    font-size: 42px;
    line-height: 1.2;
    font-weight: 700;
}

.union-network-heading h2 strong {
    color: #1fc795;
}

.union-network-heading p {
    margin: 0;
    color: #697681;
    font-size: 16px;
    line-height: 1.8;
}

/* Grid */

.union-network-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}

/* Card */

.union-network-card {
    position: relative;
    display: flex;
    align-items: center;
    gap: 15px;
    min-height: 82px;
    padding: 17px 18px;
    background: #ffffff;
    border: 1px solid #e8eef1;
    border-radius: 14px;
    text-decoration: none;
    box-shadow: 0 8px 25px rgba(27, 45, 58, 0.055);
    transition: all 0.3s ease;
    overflow: hidden;
}

.union-network-card::before {
    content: "";
    position: absolute;
    width: 4px;
    height: 0;
    left: 0;
    top: 0;
    background: #1fc795;
    border-radius: 0 0 5px 5px;
    transition: height 0.3s ease;
}

.union-network-card:hover {
    transform: translateY(-5px);
    border-color: rgba(31, 199, 149, 0.30);
    box-shadow: 0 15px 35px rgba(27, 45, 58, 0.10);
}

.union-network-card:hover::before {
    height: 100%;
}

/* Icon */

.union-network-icon {
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: rgba(31, 199, 149, 0.10);
    color: #1fc795;
    font-size: 19px;
    transition: all 0.3s ease;
}

.union-network-card:hover .union-network-icon {
    background: #1fc795;
    color: #ffffff;
    transform: rotate(-5deg);
}

/* Content */

.union-network-card h3 {
    margin: 0 0 4px;
    color: #202c35;
    font-size: 17px;
    font-weight: 700;
}

.union-network-card p {
    margin: 0;
    color: #87929a;
    font-size: 12px;
    line-height: 1.4;
}

/* Arrow */

.union-network-arrow {
    margin-left: auto;
    color: #c1cbd0;
    font-size: 13px;
    transition: all 0.3s ease;
}

.union-network-card:hover .union-network-arrow {
    color: #1fc795;
    transform: translateX(4px);
}

/* ================= RESPONSIVE ================= */

@media (max-width: 991px) {
    .union-network-section {
        padding: 65px 18px;
    }

    .union-network-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .union-network-heading h2 {
        font-size: 36px;
    }
}

@media (max-width: 575px) {
    .union-network-section {
        padding: 55px 15px;
    }

    .union-network-heading {
        margin-bottom: 32px;
    }

    .union-network-heading h2 {
        font-size: 30px;
    }

    .union-network-heading p {
        font-size: 14px;
    }

    .union-network-grid {
        grid-template-columns: 1fr;
        gap: 13px;
    }

    .union-network-card {
        min-height: 76px;
        padding: 14px;
    }

    .union-network-icon {
        flex-basis: 44px;
        width: 44px;
        height: 44px;
    }
}/* ================= TESTIMONIALS ================= */

.union-testimonial-section {
    position: relative;
    padding: 85px 20px;
    background: #f7fbfd;
    overflow: hidden;
}

/* Background Circles */

.union-testimonial-section::before {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    top: -210px;
    right: -120px;
    border-radius: 50%;
    background: rgba(13, 180, 234, 0.08);
}

.union-testimonial-section::after {
    content: "";
    position: absolute;
    width: 300px;
    height: 300px;
    bottom: -170px;
    left: -100px;
    border-radius: 50%;
    background: rgba(13, 180, 234, 0.06);
}

.union-testimonial-container {
    position: relative;
    z-index: 2;
    max-width: 1200px;
    margin: auto;
}

/* Heading */

.union-testimonial-heading {
    max-width: 700px;
    margin: 0 auto 48px;
    text-align: center;
}

.union-testimonial-heading span {
    display: inline-block;
    padding: 7px 17px;
    margin-bottom: 13px;
    border-radius: 30px;
    background: rgba(13, 180, 234, 0.10);
    color: #0db4ea;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
}

.union-testimonial-heading h2 {
    margin: 0 0 14px;
    color: #17232c;
    font-size: 42px;
    line-height: 1.2;
    font-weight: 700;
}

.union-testimonial-heading h2 strong {
    color: #0db4ea;
}

.union-testimonial-heading p {
    margin: 0;
    color: #74818a;
    font-size: 16px;
    line-height: 1.8;
}

/* Grid */

.union-testimonial-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}

/* Card */

.union-testimonial-card {
    position: relative;
    padding: 28px;
    background: #ffffff;
    border: 1px solid #e8f0f4;
    border-radius: 18px;
    box-shadow: 0 10px 35px rgba(24, 55, 70, 0.07);
    transition: all 0.35s ease;
    overflow: hidden;
}

.union-testimonial-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #0db4ea;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.35s ease;
}

.union-testimonial-card:hover {
    transform: translateY(-8px);
    border-color: rgba(13, 180, 234, 0.30);
    box-shadow: 0 18px 45px rgba(24, 55, 70, 0.11);
}

.union-testimonial-card:hover::before {
    transform: scaleX(1);
}

/* User */

.union-testimonial-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.union-testimonial-user {
    display: flex;
    align-items: center;
    gap: 13px;
}

.union-testimonial-avatar {
    width: 50px;
    height: 50px;
    flex: 0 0 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #0db4ea;
    color: #ffffff;
    font-size: 19px;
    font-weight: 700;
}

.union-testimonial-user h3 {
    margin: 0 0 3px;
    color: #1d2a33;
    font-size: 16px;
    font-weight: 700;
}

.union-testimonial-user p {
    margin: 0;
    color: #8a969d;
    font-size: 13px;
}

/* Quote */

.union-testimonial-quote {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: rgba(13, 180, 234, 0.09);
    color: #0db4ea;
    font-size: 16px;
}

/* Stars */

.union-testimonial-stars {
    display: flex;
    gap: 4px;
    margin: 22px 0 14px;
}

.union-testimonial-stars i {
    color: #0db4ea;
    font-size: 13px;
}

/* Text */

.union-testimonial-text {
    margin: 0;
    color: #687780;
    font-size: 14px;
    line-height: 1.85;
}

/* ================= RESPONSIVE ================= */

@media (max-width: 991px) {

    .union-testimonial-section {
        padding: 70px 18px;
    }

    .union-testimonial-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .union-testimonial-heading h2 {
        font-size: 36px;
    }
}

@media (max-width: 575px) {

    .union-testimonial-section {
        padding: 55px 15px;
    }

    .union-testimonial-heading {
        margin-bottom: 32px;
    }

    .union-testimonial-heading h2 {
        font-size: 30px;
    }

    .union-testimonial-heading p {
        font-size: 14px;
    }

    .union-testimonial-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .union-testimonial-card {
        padding: 22px;
    }
}