/* under constraction Page */
.under-constr{width: 100%; display: flex; justify-content: center; align-items: center; padding: 50px 0px;}
.under-constr span{width:100%; height:100%; display:flex; padding:35px; border-radius:30px; background-color:#fbfcff; border:1px solid #eee;}
.under-constr span img{object-fit: contain; width: 100%; height: 100%; padding: 0; margin: 0 auto; max-height: 500px;}

.cont-arrow-dwn { display:flex; justify-content:center; position:absolute; left:0; right:0; bottom:5%; width:auto; margin:0 auto; z-index:9; }
.cont-arrow-dwn a.in-arrow { color:#fff; font-size: 20px; display: flex; flex-wrap: wrap; justify-content: center; }
.cont-arrow-dwn a small { width: 100%; text-align: center; font-size: 14px; padding-bottom: 5px; }
.cont-arrow-dwn a.in-arrow span.lnr { border: 1px solid #e7e7e7; padding:5px; border-radius:50px; font-size:18px; }

/* About Us Banner*/
.abut-banner{ width: 100%; position: relative; z-index: 0; margin-bottom: 0px;}
.abut-part{ position:relative; overflow:hidden;}
.abut-part .bnr-item{ transition:transform 1.5s ease, opacity .5s ease-out; overflow:hidden; height:350px; position:relative; display:flex; text-align:center;}
.abut-part .bnr-item span{ width: 100%; height: 100%; display: flex; position:relative;}
.abut-part .bnr-item span::before{ width:55%; height:100%; position:absolute; z-index:1; background:url(../images/shape1.png) no-repeat; background-size:cover; background-position:left; content:"";}
.abut-part .bnr-item span::after{position: absolute; content: ''; width: 100%; height: 100%; left: 0; top:0px; background: url(../images/banner-bg.png) no-repeat; background-size:cover; z-index: 0;}
.abut-part .bnr-item span img{object-fit: cover; width: 100%; height: 100%;}
.abut-banner .inr-bnr-caption { position:absolute; padding:0px; z-index:8; left:0; right:0; margin:auto; margin-top:auto; bottom:50px; width:100%; max-width:1600px; padding:0px 40px;} 
.abut-banner .inr-bnr-caption h1{ color:rgba(255, 255, 255, 0.9); font-size:50px; text-align:right; font-weight:600; position:relative; margin:0px;}
.abut-bnr { width:100%; text-align:center;}
.abut-part .inr-bnr-lnk{ margin-bottom:5px; width:100%; display:flex; align-items:center; justify-content:flex-end;}
.abut-part .inr-bnr-lnk ul{ margin:0; display:flex; align-items:center; padding:0px 0px;}
.abut-part .inr-bnr-lnk ul li{ list-style: none; font-size:14px; color: #fff; font-weight:300;}
.abut-part .inr-bnr-lnk ul li i{ padding: 0px 8px;}
.abut-part .inr-bnr-lnk ul li a{ color: #fff; transition: 0.4s;}
.abut-part .inr-bnr-lnk ul li a:hover{ color: #7db015; transition: 0.4s;}
.abut-part .inr-bnr-lnk ul li a.active{ color: #fff;}
.abut-part .inr-bnr-lnk ul li a.active:hover{ color: #7db015; transition: 0.4s;}

/* About Content */
.abt-bg{ width:100%; position:relative; z-index:0;}
.inr-abt-main{width: 100%; display: flex; justify-content:space-between; align-items:flex-start; padding:100px 0px 30px; position: relative;}
.inr-abt-lft{ width:40%; display: flex; flex-wrap: wrap; padding:0px; position:relative; top:-60px;}
.inr-abt-lft span{width: 100%; display: flex;}
.inr-abt-lft span:nth-child(1){justify-content: flex-end;}
.inr-abt-lft span:nth-child(1) i{box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2); border-radius: 50%; width:230px; height:230px; overflow: hidden;}
.inr-abt-lft span:nth-child(1) i img{object-fit: cover; width: 100%; height: 100%;}
.inr-abt-lft span:nth-child(2){justify-content: center; position: relative;}
.inr-abt-lft span:nth-child(2) i{box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2); border-radius: 50%; width:420px; height:420px; overflow: hidden;}
.inr-abt-lft span:nth-child(2) i img{object-fit: cover; width: 100%; height: 100%;}
.inr-abt-lft span:nth-child(2)::before{position: absolute; content: ''; width:400px; height:400px; left:-20px; top:-70px; border: 40px solid rgba(0, 0, 0, 0.1); border-radius: 50%; z-index: -1;}
.inr-abt-lft span:nth-child(2)::after{position: absolute; content: ''; width:300px; height:300px; left:130px; top:-180px; border: 40px solid rgba(0, 0, 0, 0.1); border-radius: 50%; z-index: -1;}
.inr-abt-rht{width:60%; padding: 0px 10px 0px 80px;}
.inr-abt-cnt{width: 100%;}
.inr-abt-cnt h6{width:100%; font-size: 30px; color: #1e1e1e; font-weight: 500; margin-bottom: 0; list-style: 30px;}
.inr-abt-cnt h1{width:100%; font-size:60px; color: #1e2188; font-weight: 900; margin-bottom: 0; letter-spacing: -0.5px; list-style: 70px;}
.inr-abt-cnt h5{width:100%; font-size: 24px; color: #444444; font-weight: 300; margin-bottom: 40px; letter-spacing: 0.3px;}
.inr-abt-cnt h4{width:100%; font-size:24px; color: #222; font-weight:500; margin-bottom:15px;}
.inr-abt-cnt p{font-size: 18px; color: #111; font-weight: 300; line-height: 24px; margin-bottom:20px; }

.abt-vsn{ width:100%; position:relative; z-index:0; padding-bottom:100px;}
.abt-vsn::before{ width:100%; height:30%; top:25%; left:0; content:""; background-color:#1e2188; position:absolute; z-index:-1;}
.inr-abt-icon{width:60%; display: grid; grid-template-columns:repeat(3,1fr); position: relative; z-index: 1; grid-gap:1px; margin:60px auto 0px; background-color:#e2e2ec; padding:1px;}
.inr-abt-icon .abt-icon-bx{width: 100%; padding: 25px 25px; background-color:#fff; text-align: center;}
.inr-abt-icon .abt-icon-bx span{width:60px; height: 80px; display: flex; margin: 0 auto;}
.inr-abt-icon .abt-icon-bx span img{ object-fit: contain; width: 100%; height: 100%; filter:invert(17%) sepia(24%) saturate(6129%) hue-rotate(226deg) brightness(92%) contrast(107%);}
.inr-abt-icon .abt-icon-bx h4{ font-size: 22px; font-weight: 300; color: #111; margin: 15px 0px 10px;}

.inr-abt-dtl{ width:100%; margin:50px 0px 70px; background-color:#eee; padding:20px; border-radius:20px;}
.inr-abt-dtl .dtl-bx{ width:100%; display:flex; align-items:center; justify-content:space-between; grid-gap:50px; border-bottom:1px solid #eee; margin-bottom:10px; padding:30px; border-radius:20px; padding:40px; background-color:#fff;}
.inr-abt-dtl .dtl-bx:last-child{ border:none; margin:0;}
.inr-abt-dtl .dtl-bx .lft{ width:20%; border:1px solid #e2e2ec; padding:20px; border-radius:20px;}
.inr-abt-dtl .dtl-bx .lft span{ display:flex; align-items:center; justify-content:center;}
.inr-abt-dtl .dtl-bx .lft span img{ max-height:100px; filter:invert(17%) sepia(24%) saturate(6129%) hue-rotate(226deg) brightness(92%) contrast(107%);}
.inr-abt-dtl .dtl-bx .rht{ width:80%;}
.inr-abt-dtl .dtl-bx .rht h2{ font-size:28px; font-weight:500; color:#111; margin:0px 0px 20px;}
.inr-abt-dtl .dtl-bx .rht p{ font-size: 18px; color: #111; font-weight: 300; line-height: 24px; margin-bottom:20px; }
.inr-abt-dtl .dtl-bx .rht p:last-child{ margin-bottom:0;}

.inr-abt-dtl .dtl-bx:nth-child(2n+2){ flex-direction:row-reverse;}

/* Gallery Banner*/
.glry-banner{ width:100%; position: relative; z-index: 0; margin-bottom: 0px;}
.glry-part{ position:relative; overflow:hidden;}
.glry-part .bnr-item{ transition:transform 1.5s ease, opacity .5s ease-out; overflow:hidden; height:350px; position:relative; display:flex; text-align:center; /* border-bottom:1px solid #e0e2e6; */}
.glry-part .bnr-item span{ width: 100%; height: 100%; display: flex; position:relative;}
.glry-part .bnr-item span::before{ width:55%; height:100%; position:absolute; z-index:1; background:url(../images/shape1.png) no-repeat; background-size:cover; background-position:left; content:"";}
.glry-part .bnr-item span::after{position: absolute; content: ''; width: 100%; height: 100%; left: 0; top:0px; background: url(../images/banner-bg.png) no-repeat; background-size:cover; z-index: 0;}
.glry-part .bnr-item span img{object-fit: cover; width: 100%; height: 100%;}
.glry-banner .inr-bnr-caption { position:absolute; padding:0px; z-index:8; left:0; right:0; margin:auto; margin-top:auto; bottom:50px; width:100%; max-width:1600px; padding:0px 40px;} 
.glry-banner .inr-bnr-caption h1{ color:rgba(255, 255, 255, 0.9); font-size:50px; text-align:right; font-weight:600; position:relative; margin:0px;}
.glry-bnr { width:100%; text-align:center;}
.glry-part .inr-bnr-lnk{ margin-bottom:5px; width:100%; display:flex; align-items:center; justify-content:flex-end;}
.glry-part .inr-bnr-lnk ul{ margin:0; display:flex; align-items:center; padding:0px 0px;}
.glry-part .inr-bnr-lnk ul li{ list-style: none; font-size:14px; color: #fff; font-weight:300;}
.glry-part .inr-bnr-lnk ul li i{ padding: 0px 8px;}
.glry-part .inr-bnr-lnk ul li a{ color: #fff; transition: 0.4s;}
.glry-part .inr-bnr-lnk ul li a:hover{ color: #7db015; transition: 0.4s;}
.glry-part .inr-bnr-lnk ul li a.active{ color: #fff;}
.glry-part .inr-bnr-lnk ul li a.active:hover{ color: #7db015; transition: 0.4s;}

/* Gallery page */
.glry-bg{ width:100%; position:relative; z-index:0;}
.gallery-box{ width:100%; background-color: rgba(255, 255, 255, 1); padding:80px 0px 150px;}
.gallery-box .grid-lst { max-width:100%; } 
.gallery-box .grid:after { content:''; display:block; clear:both; } 
.gallery-box .grid-item { float: left; padding:10px; } 
.gallery-box .grid-sizer, .grid-item { width:25%; } 
.gallery-box .grid-item { padding:10px;} 
.gallery-box .grid-item a{ display:block;}
.gallery-box .grid-item a span{ display:block; align-items:center; justify-content:center; border-radius:8px; transition:all ease 0.6s; position:relative; z-index:0; overflow:hidden; box-shadow:0px 10px 40px 0px rgba(0, 0, 0, 0.08);}
.gallery-box .grid-item a span img{ width:100%; transition:all ease 0.6s; }
.gallery-box .grid-item a span:hover{ transition:all ease 0.6s; /* box-shadow: 0 1px 1px rgba(0,0,0,0.1),0 8px 8px rgba(0,0,0,0.1); */}

.gallery-box .grid-item a span::before{ position:absolute; left:0; right:0; margin:0 auto; bottom:0; width:100%; height:0px; background-color: rgba(22, 24, 77, 0.3); content: ""; z-index: 1; transition:all ease 0.6s;}
.gallery-box .grid-item a span:hover::before{ transition:all ease 0.6s; width:100%; height:100%;}

/* Contact Us Banner*/
.cntct-banner{ width: 100%; position: relative; z-index: 0; margin-bottom: 0px;}
.cntct-part{ position:relative; overflow:hidden;}
.cntct-part .bnr-item{ transition:transform 1.5s ease, opacity .5s ease-out; overflow:hidden; height:350px; position:relative; display:flex; text-align:center;}
.cntct-part .bnr-item span{ width: 100%; height: 100%; display: flex; position:relative;}
.cntct-part .bnr-item span::before{ width:55%; height:100%; position:absolute; z-index:1; background:url(../images/shape1.png) no-repeat; background-size:cover; background-position:left; content:"";}
.cntct-part .bnr-item span::after{position: absolute; content: ''; width: 100%; height: 100%; left: 0; top:0px; background: url(../images/banner-bg.png) no-repeat; background-size:cover; z-index: 0;}
.cntct-part .bnr-item span img{object-fit: cover; width: 100%; height: 100%;}
.cntct-banner .inr-bnr-caption { position:absolute; padding:0px; z-index:8; left:0; right:0; margin:auto; margin-top:auto; bottom:50px; width:100%; max-width:1600px; padding:0px 40px;} 
.cntct-banner .inr-bnr-caption h1{ color:rgba(255, 255, 255, 0.9); font-size:50px; text-align:right; font-weight:600; position:relative; margin:0px;}
.cntct-bnr { width:100%; text-align:center;}
.cntct-part .inr-bnr-lnk{ margin-bottom:5px; width:100%; display:flex; align-items:center; justify-content:flex-end;}
.cntct-part .inr-bnr-lnk ul{ margin:0; display:flex; align-items:center; padding:0px 0px;}
.cntct-part .inr-bnr-lnk ul li{ list-style: none; font-size:14px; color: #fff; font-weight:300;}
.cntct-part .inr-bnr-lnk ul li i{ padding: 0px 8px;}
.cntct-part .inr-bnr-lnk ul li a{ color: #fff; transition: 0.4s;}
.cntct-part .inr-bnr-lnk ul li a:hover{ color: #7db015; transition: 0.4s;}
.cntct-part .inr-bnr-lnk ul li a.active{ color: #fff;}
.cntct-part .inr-bnr-lnk ul li a.active:hover{ color: #7db015; transition: 0.4s;}

/* Contact Us page */
.cntct-bg{ width:100%; position:relative; z-index:0; padding-bottom:60px;}
.cont-frm-main{ background-color:#fff; padding:0px; width:100%; margin:60px auto 30px; display:flex; gap:30px; align-items:stretch;}
.contact-frm{ width:52%; border:1px solid #e7e8ec; background-color:#e7e8ec; padding:50px 50px; border-radius:30px; margin-top:70px;}
.contact-frm .til{ margin-bottom:20px;}
.contact-frm h3{ font-size:40px; color:#111; font-weight:200; margin-bottom:35px; letter-spacing:0.5px}
.contact-frm h4{ color:#333; font-size:24px; font-weight:300; margin-bottom:5px; padding:0px 50px; line-height:28px;}
.contact-frm .cnt-frm{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.contact-frm .form-group{ width:100%; position:relative; margin-bottom:15px;}
.contact-frm .form-group span img{ max-height:16px; position:absolute; left:15px; z-index:1; top:12px; filter:invert(48%) sepia(71%) saturate(1%) hue-rotate(2deg) brightness(97%) contrast(85%); opacity:0.7;}
.contact-frm .form-group .form-control{ border-radius:50px; position:relative; padding-left:40px; border:1px solid #e7e8ec; font-size:15px; min-height:40px;}
.contact-frm .form-group .form-control::placeholder{ color:#999; font-weight:300; font-size:14px;}
.contact-frm .form-group .form-control:focus{ box-shadow:none;}
.contact-frm .form-group textarea{ border-radius:20px !important;}
.contact-frm .form-group .custom-select{ border-radius:3px; border-left:0 none; border-right:0 none; border-top:0 none; padding:0px; font-size:16px; background-color:transparent; position:relative; border:1px solid #e7e8ec; padding-left:35px; color:#888; border-radius:50px;}
.contact-frm .form-group .custom-select::placeholder{ color:#888;}
.cnt-lnk{ display:flex; align-items:center; margin:20px 0px 5px; justify-content:center;}
.cnt-lnk button.btn-contact{ background-color:#212389; border:1px solid #212389; display:flex; justify-content:center; align-items:center;border-radius:50px;color:#fff;font-size:18px;font-weight:300; padding:10px 35px; transition:all ease-in 0.4s; margin-right:20px;}
.cnt-lnk button.btn-contact:hover{  background-color:transparent; border:1px solid #212389; color:#212389;}
.cnt-lnk button.btn-contact-cnl{ background-color:#444; border:1px solid #444; display:flex; justify-content:center; align-items:center;border-radius:50px;color:#fff;font-size:18px;font-weight:300; padding:10px 35px; transition:all ease-in 0.4s;}
.cnt-lnk button.btn-contact-cnl:hover{ border:1px solid #444; color:#444; background-color:transparent; transition:all ease-in 0.4s;}
.contact-frm .cnt-frm:nth-child(3) .form-group{ width:100%;}
.contact-frm .cnt-frm:nth-child(4) .form-group{ width:100%;}

.map-sctn{ position:relative; z-index:0;}
.cont-map{ width:100%; display:block; overflow:hidden;}
.cont-map iframe{ width:100%; height:100%; min-height:500px; border:0 none; display:block;}

.cont-rht-sctn{ width:48%; display:grid; grid-template-columns:repeat(2,1fr); gap:20px; position:relative;}
.cont-rht-sctn::before{ width:100px; height:250px; left:17%; bottom:-100px; content:""; background-color:#1e2188; position:absolute;}
.cont-rht-sctn .box-sctn{ width:100%; text-align:center; padding:30px 20px; display:flex; align-items:center; justify-content:center; word-wrap:anywhere; border-radius:20px; background-color:#fff; border:1px solid #e8e9ee; box-shadow:inset 0px 0px 30px #e7e8ec, inset 10px 15px 100px #fff, 0px 10px 25px rgba(0,0,0, 0.05);}
.cont-rht-sctn .box-sctn:nth-child(1){ top:-100px; position:relative;}
.cont-rht-sctn .box-sctn:nth-child(3){ top:-100px; position:relative;}
.cont-rht-sctn .box-cnt{ width:100%; text-align:center;}
.cont-rht-sctn .box-cnt span{ width:70px; display:flex; justify-content:center; padding:10px; height:70px; align-items:center; margin:0 auto 15px; border-radius:50px; background-color:#1e2188;}
.cont-rht-sctn .box-cnt span img{ max-height:32px; filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(111deg) brightness(106%) contrast(101%);}
.cont-rht-sctn .box-cnt h3{ font-size:18px; line-height:20px; font-weight:300; color:#777; margin:10px 0px;}
.cont-rht-sctn .box-cnt p{ color:#222; font-size:18px; line-height:24px; font-weight:400; margin:0;}
.cont-rht-sctn .box-cnt a{ color:#222; font-size:19px; display:block; text-align:center; line-height:24px; font-weight:500; margin-bottom:5px;}
.cont-rht-sctn .box-cnt a:hover{ color:#1e2188;}
.cont-rht-sctn .box-cnt small{ color:#535353; font-size:16px; line-height:22px; font-weight:300; margin:0; display:block;}
.cont-rht-sctn .box-cnt b{ color:#222; font-size:18px; line-height:22px; font-weight:600; margin:3px 0px; display:block;}
.cont-rht-sctn .box-cnt small{ color:#222; font-size:18px; line-height:22px; font-weight:600; margin:3px 0px; display:block;}

/* Services Banner*/
.srvs-banner{ width: 100%; position: relative; z-index: 0; margin-bottom: 0px;}
.srvs-part{ position:relative; overflow:hidden;}
.srvs-part .bnr-item{ transition:transform 1.5s ease, opacity .5s ease-out; overflow:hidden; height:350px; position:relative; display:flex; text-align:center;}
.srvs-part .bnr-item span{ width: 100%; height: 100%; display: flex; position:relative;}
.srvs-part .bnr-item span::before{ width:55%; height:100%; position:absolute; z-index:1; background:url(../images/shape1.png) no-repeat; background-size:cover; background-position:left; content:"";}
.srvs-part .bnr-item span::after{position: absolute; content: ''; width: 100%; height: 100%; left: 0; top:0px; background: url(../images/banner-bg.png) no-repeat; background-size:cover; z-index: 0;}
.srvs-part .bnr-item span img{object-fit: cover; width: 100%; height: 100%;}
.srvs-banner .inr-bnr-caption { position:absolute; padding:0px; z-index:8; left:0; right:0; margin:auto; margin-top:auto; bottom:30px; width:100%; max-width:1600px; padding:0px 40px;} 
.srvs-banner .inr-bnr-caption h1{ color: rgba(255, 255, 255, 0.9); font-size: 50px; text-align: right; font-weight: 600; position: relative; margin: 0px;}
.srvs-bnr { width:100%; text-align:center;}
.srvs-part .inr-bnr-lnk{ margin-bottom:5px; width:100%; display:flex; align-items:center; justify-content:flex-end;}
.srvs-part .inr-bnr-lnk ul{ margin:0; display:flex; align-items:center; padding:0px 0px;}
.srvs-part .inr-bnr-lnk ul li{ list-style: none; font-size:14px; color: #fff; font-weight:300;}
.srvs-part .inr-bnr-lnk ul li i{ padding: 0px 8px;}
.srvs-part .inr-bnr-lnk ul li a{ color: #fff; transition: 0.4s;}
.srvs-part .inr-bnr-lnk ul li a:hover{ color: #7db015; transition: 0.4s;}
.srvs-part .inr-bnr-lnk ul li a.active{ color: #fff;}
.srvs-part .inr-bnr-lnk ul li a.active:hover{ color: #7db015; transition: 0.4s;}

/* Services Content */
.srvs-bg{ width:100%; position:relative; z-index:0;}
.srvs-top{ width:100%; display:flex; align-items:flex-start; grid-gap:60px; justify-content:space-between;}
.box-main{ width:35%; display:flex; position:relative; top:-30px;}
.box-main::before{ width:100px; height:250px; left:0; right:0; margin:0 auto; bottom:-200px; content:""; background-color:#1e2188; position:absolute;}

.box-main .box{ width:100%; text-align:center; padding:50px 30px 70px; position:relative; z-index:0; background-color:rgba(255, 179, 0, 1); border-radius:40px; box-shadow:0px 25px 25px rgba(0, 0, 0, 0.15); min-height:200px;}
.box-main .box span{ display:flex; align-items:center; justify-content:center; width:110px; height:110px; margin:0 auto;}
.box-main .box span img{ max-height:80px; object-fit:contain; filter:invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%); transition:all ease 0.4s;}
.box-main .box h2{ margin:5px 0px 10px; color:#000; font-weight:600; font-size:24px; text-align:center;}
.box-main .box p{ font-size:18px; color:#000; font-weight:300; text-align:center; margin:0;}
.box-main .box small{ position:absolute; bottom:-25px; width:100%; left:0; display:flex; align-items:center; justify-content:center;}
.box-main .box small a{ padding:14px 50px; border-radius:50px; background-color:#fff; color:#1d2089; font-weight:500; display:flex; align-items:center; transition:all .2s ease-in-out; font-size:18px;}
.box-main .box small a:hover{ background-color:#1558ae; transition:all .2s ease-in-out; box-shadow:0px 0px 30px rgba(0,0,0, 0.2); color:#fff;}
.box-main .box small a ion-icon{ font-size:16px;}

.srvs-dtl{ width:60%; padding-top:70px;}
.srvs-dtl h3{ font-size:52px; font-weight:700; color: #111; text-align: left; margin-bottom:20px;}
.srvs-dtl h4{ font-size:35px; font-weight:200; color: #666; text-align: left; margin-bottom:2px; line-height:38px;}
.srvs-dtl p{ font-size:18px; line-height:24px; font-weight: 300; color: #111; margin: 0px 0px 20px; width:100%; text-align: left;}

.inr-ser-main{ width: 100%; padding:80px 60px; position: relative; z-index: 1; background-color: #f3f3f3; border: 1px solid #eee; border-radius: 50px; margin: 100px 0px;}
.inr-ser-tit{width: 100%; padding-bottom: 10px;}
.inr-ser-tit a{background-color: transparent !important; color: #111 !important; width: 50% !important; align-items: center; font-weight: 600; transition: all .2s ease-in-out;}
.inr-ser-tit a img{object-fit: contain; max-height: 20px; margin: 2px 0px 0px 5px; transition: all .2s ease-in-out;}
.inr-ser-tit a:hover{transition: all .2s ease-in-out; color: #fff !important; transform: unset !important; box-shadow: none !important;}
.inr-ser-tit a:hover img{margin-left:10px; transition: all .2s ease-in-out; filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(199deg) brightness(103%) contrast(101%);}

.inr-ser-lnk{ width:100%; margin:0 auto; justify-content:center; display:flex; flex-wrap:wrap; grid-gap:60px; padding-bottom:50px;}
.inr-ser-lnk .bx{ width:30%; display:flex; flex-wrap:wrap;}
.inr-ser-lnk .bx a{width: 100%; display: flex; flex-wrap: wrap; transition: all .2s ease-in-out;}
.inr-ser-lnk .bx a .inr-ser-bx{width: 100%; padding:25px 25px 35px 25px; position: relative; z-index: 1;}
.inr-ser-lnk .bx a .inr-ser-bx::before{position: absolute; content: ''; width: 100%; height:240px; background-color:#1e2188; left: 0; bottom: 0; z-index: 0; border-radius:30px; box-shadow: inset 0px 0px 30px #4e53fd, inset 10px 15px 100px #0409a2, 0px 10px 25px rgba(0,0,0, 0.35); transition: all .2s ease-in-out;}
.inr-ser-lnk .bx a .inr-ser-bx span{width: 250px; height: 250px; display: flex; margin: 0 auto; position: relative;}
.inr-ser-lnk .bx a .inr-ser-bx span::before{position: absolute; content: ''; width: 300px; height: 150px; right: -30px; bottom: -80px; margin: 0 auto; background: url(../images/box-shodw-bg.png) no-repeat; background-size: contain;}
.inr-ser-lnk .bx a .inr-ser-bx span img{object-fit: contain; width: 100%; height: 100%; border-radius: 50%;}
.inr-ser-lnk .bx a .inr-ser-bx small{display: flex; align-items: center; justify-content: center; position: relative; font-size:16px; font-weight:300; color: #ffd300;}
.inr-ser-lnk .bx a .inr-ser-bx small img{object-fit: contain; max-height:20px; position: relative; margin: 0px 0px 0px 10px; filter:invert(85%) sepia(32%) saturate(5015%) hue-rotate(3deg) brightness(109%) contrast(102%); transition: all .2s ease-in-out;}
.inr-ser-lnk .bx a .inr-ser-bx h6{font-size: 20px; font-weight:500; color: #fff; margin: 30px 0px 15px; text-align: center; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 26px; position: relative;}
.inr-ser-lnk a:hover .inr-ser-bx::before{transition: all .2s ease-in-out; box-shadow: inset 0px 0px 30px #4e53fd, inset 10px 15px 100px #0409a2, 0px 10px 25px rgba(0,0,0, 0.6);}
.inr-ser-lnk a:hover .inr-ser-bx small img{margin: 0px 0px 0px 20px; transition: all .2s ease-in-out;}

/* Services Details Banner*/
.srv-dtl-banner{ width: 100%; position: relative; z-index: 0; margin-bottom: 0px;}
.srv-dtl-part{ position:relative; overflow:hidden;}
.srv-dtl-part .bnr-item{ transition:transform 1.5s ease, opacity .5s ease-out; overflow:hidden; height:350px; position:relative; display:flex; text-align:center;}
.srv-dtl-part .bnr-item span{ width: 100%; height: 100%; display: flex; position:relative;}
.srv-dtl-part .bnr-item span::before{ width:55%; height:100%; position:absolute; z-index:1; background:url(../images/shape1.png) no-repeat; background-size:cover; background-position:left; content:"";}
.srv-dtl-part .bnr-item span::after{position: absolute; content: ''; width: 100%; height: 100%; left: 0; top:0px; background: url(../images/banner-bg.png) no-repeat; background-size:cover; z-index: 0;}
.srv-dtl-part .bnr-item span img{object-fit: cover; width: 100%; height: 100%;}
.srv-dtl-banner .inr-bnr-caption { position:absolute; padding:0px; z-index:8; left:0; right:0; margin:auto; margin-top:auto; bottom:30px; width:100%; max-width:1600px; padding:0px 40px;} 
.srv-dtl-banner .inr-bnr-caption h1{ color: rgba(255, 255, 255, 0.9); font-size: 50px; text-align: right; font-weight: 600; position: relative; margin: 0px;}
.srv-dtl-bnr { width:100%; text-align:center;}
.srv-dtl-part .inr-bnr-lnk{ margin-bottom:5px; width:100%; display:flex; align-items:center; justify-content:flex-end;}
.srv-dtl-part .inr-bnr-lnk ul{ margin:0; display:flex; align-items:center; padding:0px 0px;}
.srv-dtl-part .inr-bnr-lnk ul li{ list-style: none; font-size:14px; color: #fff; font-weight:300;}
.srv-dtl-part .inr-bnr-lnk ul li i{ padding: 0px 8px;}
.srv-dtl-part .inr-bnr-lnk ul li a{ color: #fff; transition: 0.4s;}
.srv-dtl-part .inr-bnr-lnk ul li a:hover{ color: #7db015; transition: 0.4s;}
.srv-dtl-part .inr-bnr-lnk ul li a.active{ color: #fff;}
.srv-dtl-part .inr-bnr-lnk ul li a.active:hover{ color: #7db015; transition: 0.4s;}

/* Services Details Content */
.srv-dtl-bg{ width:100%; position:relative; z-index:0; padding-bottom:100px;}
.srv-top{ width:100%; display:flex; align-items:flex-start; grid-gap:60px; justify-content:space-between;}
.dtl-box-main{ width:30%; display:flex; align-items:center; position:relative; top:-30px;}
.dtl-box-main .inner-wrapper-sticky{ width:100%;}
.dtl-box{ width:100%;}
.dtl-box::before{ width:1000px; height:120px; left:-700px; top:150px; margin:0 auto; content:""; background-color:rgba(255, 179, 0, 1); position:absolute;}

.dtl-box-main .bx{ width:100%; text-align:center; padding:0px; position:relative; z-index:0; background-color:rgba(255, 179, 0, 1); border-radius:40px; box-shadow:0px 25px 25px rgba(0, 0, 0, 0.15); height:420px; overflow:hidden;}
.dtl-box-main .bx span{ display:flex; align-items:center; justify-content:center; width:100%; height:100%; margin:0 auto;}
.dtl-box-main .bx span img{ max-width:100%; object-fit:contain; transition:all ease 0.4s; width:100%; height:100%; object-fit:cover;}

.srv-dtl{ width:70%; padding-top:80px;}
.srv-dtl h3{ font-size:36px; line-height:45px; font-weight:700; color: #111; text-align: left; margin-bottom:30px;}
.srv-dtl p{ font-size:18px; line-height:26px; font-weight:300; color: #333; margin: 0px 0px 20px; width:100%; text-align: left;}

.srv-glry{ width: 100%; padding:10px 30px 30px 30px; position: relative; z-index: 1; background-color: #ececec; border:1px solid #ececec; border-radius:30px; margin:100px 0px 60px;}
.srv-glry h2{ position: relative; margin-bottom: 0; display: flex; align-items: center; top: -40px;}
.srv-glry h2 span{ font-size: 20px; background-color: #fff; border-radius: 50px; padding: 15px 40px; font-weight:500; color: #222; border: 1px solid #ececec; border-top:5px solid #e7e7e7; text-transform:uppercase;}
.srv-glry .glry-lst { max-width:100%; display:grid; gap:20px; grid-template-columns:repeat(4,1fr);} 
.srv-glry .glry-bx { width:100%;} 
.srv-glry .glry-bx a{ display:block;}
.srv-glry .glry-bx a span{ display:flex; height:250px; align-items:center; justify-content:center; border-radius:8px; transition:all ease 0.6s; position:relative; z-index:0; overflow:hidden; box-shadow:0px 10px 40px 0px rgba(0, 0, 0, 0.08);}
.srv-glry .glry-bx a span img{ width:100%; height:100%; object-fit:cover; transition:all ease 0.6s; }
.srv-glry .glry-bx a span:hover{ transition:all ease 0.6s;}

.srv-glry .glry-bx a span::before{ position:absolute; left:0; right:0; margin:0 auto; bottom:0; width:100%; height:0px; background-color: rgba(22, 24, 77, 0.3); content: ""; z-index: 1; transition:all ease 0.6s;}
.srv-glry .glry-bx a span:hover::before{ transition:all ease 0.6s; width:100%; height:100%;}

.btn-srvs{ width:100%; display:flex; justify-content:center; align-items:center; margin:40px 0px 0px;}
.btn-srvs a{ background-color:#1e2188; display:flex; justify-content:center; align-items:center; border-radius:50px; padding:15px 40px; color:#fff; font-weight:300; font-size:18px; transition:all 0.2s ease-in-out; border:1px solid #1e2188;}
.btn-srvs a img{ max-height:16px; filter:invert(95%) sepia(100%) saturate(0%) hue-rotate(80deg) brightness(109%) contrast(101%); margin-right:12px; margin-top:0px; transition:all 0.2s ease-in-out;}
.btn-srvs a:hover{ transition:all 0.2s ease-in-out; background-color:#fff; color:#1e2188;}
.btn-srvs a:hover img{ transition:all 0.2s ease-in-out; filter:invert(21%) sepia(85%) saturate(1760%) hue-rotate(189deg) brightness(89%) contrast(101%);}

/* Extra large devices (large desktops, 1368px and up) */
@media (max-width: 1366px) { 
.inr-ser-lnk .bx{ width:28%;}
.dtl-box-main{ width:35%;}
.srv-dtl{ width:65%;}
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1200px) {
.abut-banner .inr-bnr-caption h1{ font-size:42px;}
.inr-abt-cnt h6{ font-size:26px;}
.inr-abt-cnt h1{ font-size:50px;}
.inr-abt-cnt h5{ font-size:18px; margin-bottom:30px;}
.inr-abt-cnt p{ font-size:16px;}

.inr-abt-lft span:nth-child(2) i{ width:400px; height:400px;}
.inr-abt-lft span:nth-child(2)::before{ width:320px; height:320px;}
.inr-abt-lft span:nth-child(2)::after{ width:270px; height:270px;}

.inr-abt-icon .abt-icon-bx span{ width:60px; height:60px;}
.inr-abt-icon .abt-icon-bx h4{ font-size:18px;}

.srvs-dtl h4{ font-size:30px; margin:0;}
.srvs-dtl h3{ font-size:45px;}
}

/* iPads (portrait and landscape)  @media only screen and (min-device-width : 970px) and (max-device-width : 1024px) */
@media (max-width: 1024px) {
.inr-abt-main{ padding:70px 0px 0px; flex-wrap:wrap;}
.abut-part .bnr-item{ height:300px;}

.inr-abt-lft{ padding:0px; margin:0 auto; top:0;}
.inr-abt-lft span:nth-child(1) i{ width:220px; height:220px;}
.inr-abt-lft span:nth-child(2) i{ width:300px; height:300px;}
.inr-abt-lft span:nth-child(2)::before{ width:250px; height:250px;}
.inr-abt-lft span:nth-child(2)::after{ width:250px; height:250px;}
.inr-abt-cnt h6{ font-size:24px; text-align:center;}
.inr-abt-cnt h1{ font-size:42px; text-align:center;}
.inr-abt-cnt h5{ font-size:16px; text-align:center;}
.inr-abt-cnt h4{ text-align:left;}
.inr-abt-cnt p{ font-size:16px; line-height:22px; text-align:justify;}
.inr-abt-cnt a{ padding:12px 30px;}
.inr-abt-dtl .dtl-bx .rht h2{ font-size:25px;}
.inr-abt-dtl .dtl-bx .rht p{ font-size:16px; line-height:22px; text-align:justify;}
.inr-abt-dtl .dtl-bx .lft span img{ max-height:70px;}
.abt-vsn{ top:0; padding-bottom:30px;}
.abut-part .bnr-item span::before{ background-position-x:-60px;}

.inr-abt-dtl .dtl-bx{ flex-wrap:wrap; display:block;}
.inr-abt-dtl .dtl-bx .lft{ float:left; margin:0px 30px 30px 0px;}
.inr-abt-dtl .dtl-bx .rht{ width:100%;}

.inr-abt-rht{ width:100%; padding:0px; margin-top:40px; text-align:center;}
.inr-abt-icon{ width:70%;}
.inr-abt-icon .abt-icon-bx{ padding:30px 25px;}

.cntct-part .bnr-item{ height:300px;}
.cntct-banner .inr-bnr-caption{ bottom:30px;}
.cntct-banner .inr-bnr-caption h1{ font-size:40px;}
.cntct-part .bnr-item span::before{ background-position-x:-60px;}

.cont-frm-main{ flex-wrap:wrap;}
.cont-rht-sctn{ width:80%;}
.cont-rht-sctn .box-cnt p{ font-size:16px;}
.cont-rht-sctn .box-cnt a{ font-size:16px;}
.contact-frm{ width:100%; padding:30px;}
.contact-frm h3{ font-size:35px;}

.glry-part .bnr-item{ height:300px;}
.glry-banner .inr-bnr-caption{ bottom:30px;}
.glry-banner .inr-bnr-caption h1{ font-size:40px;}
.glry-part .bnr-item span::before{ background-position-x:-60px;}

.gallery-box{ padding:50px 0px;}
.gallery-box .grid-sizer, .grid-item{ width:33%;}

.srv-dtl-part .bnr-item{ height:300px;}
.srv-dtl-banner .inr-bnr-caption{ bottom:30px;}
.srv-dtl-banner .inr-bnr-caption h1{ font-size:40px;}
.srv-dtl-part .bnr-item span::before{ background-position-x:-60px;}

.srv-top{ gap:30px;}
.dtl-box-main .bx{ height:400px;}
.srv-dtl h3{ font-size:35px; line-height:40px;}
.srv-dtl p{ font-size:16px; line-height:24px;}
.srv-glry h2 span{ font-size:16px; padding:15px 30px;}

.srvs-part .bnr-item{ height:300px;}
.srvs-banner .inr-bnr-caption{ bottom:30px;}
.srvs-banner .inr-bnr-caption h1{ font-size:40px;}
.srvs-part .bnr-item span::before{ background-position-x:-60px;}

.srvs-top{ gap:40px;}
.box-main .box{ border-radius:20px; padding:20px 20px 50px;}
.srvs-dtl{ padding-top:50px;}
.srvs-dtl h4{ font-size:26px;}
.srvs-dtl h3{ font-size:40px;}
.srvs-dtl p{ font-size:16px; line-height:22px;}

.inr-ser-main{ padding:40px 20px; margin:70px 0px 50px;}
.inr-ser-lnk .bx a .inr-ser-bx{ padding:15px 15px 35px 15px;}
.inr-ser-lnk .bx a .inr-ser-bx span{ width:200px; height:200px;}
.inr-ser-lnk .bx a .inr-ser-bx h6{ font-size:17px; line-height:22px;}
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 992px) {
.inr-abt-main{ padding:50px 0px 0px;}
.inr-abt-icon .abt-icon-bx span{ height:50px; width:50px;}
.inr-abt-icon{ width:100%;}

.cont-rht-sctn{ width:85%;}

.dtl-box-main .bx{ height:280px; border-radius:20px;}
.dtl-box-main::before{ width:200px; left:-200px;}
.dtl-box::before{ left:-100px; width:150px; top:80px;}
.srv-dtl{ padding-top:50px;}
.srv-dtl h3{ font-size:26px; line-height:30px; margin-bottom:20px;}
.srv-dtl p{ margin-bottom:10px; text-align:justify;}

.srv-glry .glry-lst{ grid-template-columns:repeat(3,1fr);}
.srv-glry .glry-bx a span{ height:180px;}

.box-main{ width:40%;}
.box-main .box h2{ font-size:20px;}
.box-main .box p{ font-size:16px; line-height:16px;}
.srvs-dtl h4{ font-size:24px;}
.srvs-dtl h3{ font-size:25px;}
.inr-ser-lnk{ grid-gap:50px;}
.inr-ser-lnk .bx{ width:40%;}
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 768px) {

}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 576px) {
.abut-banner .inr-bnr-caption{ padding:0px 15px; bottom:30px;}
.abut-part .bnr-item{ height:220px;}
.abut-part .bnr-item span::before{ background-position-x:-110px; background-position-y:0; width:100%;}
.abut-banner .inr-bnr-caption h1{ font-size:25px;}

.inr-abt-lft span:nth-child(1) i{ width:160px; height:160px;}
.inr-abt-lft span:nth-child(2) i{ width:250px; height:250px;}
.inr-abt-lft span:nth-child(2)::before{ width:230px; height:230px;}
.inr-abt-lft span:nth-child(2)::after{ width:230px; height:230px;}

.abt-vsn{ padding-bottom:0;}
.inr-abt-lft{ width:100%;}
.inr-abt-main{ padding:60px 0px 0px;}
.inr-abt-cnt h6{ font-size:22px;}
.inr-abt-cnt h1{ font-size:32px;}
.inr-abt-cnt h5{ margin:10px 0px;}
.inr-abt-cnt p{ margin-bottom:20px;}
.inr-abt-icon{ margin:50px 0px 0px; grid-template-columns:repeat(2,1fr);}

.inr-abt-dtl{ margin:30px 0px 50px;}
.inr-abt-dtl .dtl-bx{ padding:20px;}
.inr-abt-dtl .dtl-bx .lft{ width:100%; margin:0px 0px 20px 0px;}
.inr-abt-dtl .dtl-bx .rht h2{ text-align:center; font-size:22px;}
.inr-abt-cnt h4{ font-size:20px; margin-top:20px;}

.cntct-part .bnr-item{ height:200px;}
.cntct-part .bnr-item span::before{ background-position-x:-110px; background-position-y:0; width:100%;}
.cntct-banner .inr-bnr-caption{ bottom:40px; padding:0px 15px;}
.cntct-banner .inr-bnr-caption h1{ font-size:25px;}

.cont-frm-main{ margin:30px auto 30px;}
.cont-rht-sctn{ width:100%; grid-template-columns:repeat(1,1fr);}
.cont-rht-sctn::before{ display:none;}
.cont-rht-sctn .box-sctn:nth-child(1){ top:0;}
.cont-rht-sctn .box-sctn:nth-child(3){ top:0;}

.cntct-bg{ padding:0;}
.contact-frm{ margin-top:0; padding:30px 20px; border-radius:15px;}
.contact-frm h3{ font-size:26px; margin-bottom:20px;}
.cnt-lnk{ flex-wrap:wrap; gap:5px;}
.cnt-lnk button.btn-contact{ margin:10px 0px; padding:8px 35px; font-size:16px;}
.cnt-lnk button.btn-contact-cnl{ padding:8px 35px; font-size:16px;}

.glry-part .bnr-item{ height:200px;}
.glry-part .bnr-item span::before{ background-position-x:-110px; background-position-y:0; width:100%;}
.glry-banner .inr-bnr-caption{ bottom:40px; padding:0px 15px;}
.glry-banner .inr-bnr-caption h1{ font-size:25px;}

.gallery-box{ padding:30px 0px;}
.gallery-box .grid-sizer, .grid-item{ width:50%;}
.gallery-box .grid-item{ padding:5px;}

.srv-dtl-part .bnr-item{ height:200px;}
.srv-dtl-part .bnr-item span::before{ background-position-x:-110px; background-position-y:0; width:100%;}
.srv-dtl-banner .inr-bnr-caption{ bottom:40px; padding:0px 15px;}
.srv-dtl-banner .inr-bnr-caption h1{ font-size:25px;}

.srv-top{ flex-wrap:wrap; padding-top:40px;}
.dtl-box-main{ width:100%; top:0;}
.dtl-box-main .bx{ height:300px; border-radius:20px;}
.dtl-box-main .inner-wrapper-sticky{ position:relative !important; top:auto !important; left:auto !important; width:100% !important; transform:none !important;}

.srv-dtl{ width:100%; padding-top:20px;}
.srv-dtl h3{ font-size:22px; line-height:26px;}

.srv-glry{ padding:10px 20px 20px 20px; margin-bottom:30px; border-radius:20px;}
.srv-glry .glry-lst{ grid-template-columns:repeat(2,1fr);}
.srv-glry .glry-bx a span{ height:150px;}
.btn-srvs a{ font-size:16px;}
.srv-dtl-bg{ padding-bottom:50px;}

.srvs-part .bnr-item{ height:200px;}
.srvs-part .bnr-item span::before{ background-position-x:-110px; background-position-y:0; width:100%;}
.srvs-banner .inr-bnr-caption{ bottom:40px; padding:0px 15px;}
.srvs-banner .inr-bnr-caption h1{ font-size:25px;}

.srvs-top{ flex-wrap:wrap;}
.box-main{ width:100%; top:-10px;}
.box-main::before{ display:none;}
.srvs-dtl{ width:100%; padding-top:0;}
.inr-ser-main{ margin:20px 0px 50px; border-radius:20px;}
.inr-ser-lnk{ grid-gap:20px; padding-bottom:20px;}
.inr-ser-lnk .bx{ width:90%;}
}