scroll*/::selection{background:#38a524;color:#fff;text-shadow:none;}
::-webkit-scrollbar{width:7px;background-color:#F5F5F5;}
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment{display:none;}
::-webkit-scrollbar-track-piece{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#dedede;}
::-webkit-scrollbar-thumb:vertical{border-radius:0px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-image:linear-gradient(#38a524,#38a524);}
[class^="box-"]{display:none}
[class^="box-"].showfirst{display:block}
*:hover,*:focus,*{outline:none!important;}
.overflw{overflow:hidden;}

/*pop-color*/
.abpop-clr{background:radial-gradient(circle,rgba(89,236,131,1) 0%,rgba(44,226,143,1) 54%,rgba(26,223,147,1) 64%,rgba(6,218,152,1) 100%);}
.illp .abpop-clr{background:radial-gradient(circle,rgba(246,98,55,1) 0%,rgba(251,103,59,1) 27%,rgba(236,89,46,1) 64%,rgba(226,80,37,1) 100%);}
.masp .abpop-clr{background:radial-gradient(circle,rgba(84,70,202,1) 0%,rgba(81,70,172,1) 27%,rgba(59,48,144,1) 64%,rgba(52,42,129,1) 100%);}
.treep .abpop-clr{background:radial-gradient(circle,rgba(230,81,110,1) 0%,rgba(224,59,88,1) 27%,rgba(173,60,76,1) 64%,rgba(170,59,74,1) 100%);}

/*main-page*/
.no-fouc{/* display:none */}
.pg-logo{opacity:1;-webkit-transition:all 1.2s cubic-bezier(0.23,1,0.32,1);-o-transition:all 1.2s cubic-bezier(0.23,1,0.32,1);transition:all 1.2s cubic-bezier(0.23,1,0.32,1);margin-bottom:10px;}
img.btn-log {
    transform: scale(0.7);
    margin-top: 10px;
    opacity: 0.5;
}
.icon-costello-logo:before{content:'';}
.vicn{position:absolute;left:-15%;top:3px;width:100px;}
.v-h>li img.vicn2{display:none;}
.v-h>li:hover img.vicn2{display:block;}
.v-h>li:hover img.vicn1{display:none;}
p.pd{width:180px;color:#fff;font-size:14px;line-height:22px;}
ul.hed-icn.sl-icn.dis{margin-bottom:13px;}
.divi-ctn h5{color:#fff;margin-bottom:13px;}
.divi-ctn{margin-left:30px;}
ul.divi-d{margin-top:25px;}
ul.divi-d>li{display:inline-block;margin-right:10px;}
ul.divi-d>li:last-child{margin-right:0;}
ul.bc-lst>li h4{font-size:16px;color:#fff;margin-bottom:5px;}
ul.bc-lst>li p,ul.bc-lst>li a{font-size:13px;color:#fff;font-family:'Mulish',sans-serif;}
ul.bc-lst>li a:hover{color:#000;}
ul.bc-lst>li{margin-bottom:10px;}
ul.bc-lst>li:last-child{margin-bottom:0;}
.menu-item a:hover span.title:after{width:100%;transition:all 0.9s ease;}
.menu-item a span.title:after{width:0;height:2px;background:#fff;content:'';position:absolute;left:0;bottom:0;transition:width .3s;top:0;margin:auto;transition:all 0.9s ease;}

/*menu-background*/
.hclr1{background: linear-gradient(180deg,#1e1d49 0%,#272856 13%,#161841 83%,#161841 100%);}
.ill-mnu .hclr1{background:linear-gradient(180deg,rgba(219,73,30,1) 0%,rgba(219,73,30,1) 32%,rgba(219,73,30,1) 46%,rgba(181,46,25,1) 89%);}
.mascot-mnu .hclr1{background:linear-gradient(180deg,rgba(106,100,208,1) 0%,rgba(81,75,203,1) 29%,rgba(67,60,169,1) 52%,rgba(58,50,140,1) 89%);}
.tree-mnu .hclr1{background:linear-gradient(180deg,rgba(201,76,93,1) 0%,rgba(192,72,88,1) 29%,rgba(160,58,72,1) 52%,rgba(136,48,60,1) 89%);}

/*main-page-end*/

/*body*/
body{font-family:'Mulish',sans-serif;overflow-y:hidden;}
p{font-family:'Mulish',sans-serif;}

/*padding*/
.pad{padding:0;}
.padL{padding-left:0;}
.padR{padding-right:0;}
.pad-top{padding-top:100px;}
.pad-btm{padding-bottom:100px;}
.pad-btmm{padding-bottom:50px;}
.pad-tb{padding:100px 0;}
.pad-tbm{padding:70px 0;}
.pad-tbmm{padding:60px 0;}
.dis{display:block;}
.dis>li{display:inline-block;margin-right:5px;}
.dis>li:last-child{margin-right:0;}

/*botton*/
.btn-a{background-color:transparent;border:2px solid #fff;border-radius:50px;color:white;padding:10px 30px;text-decoration:none;font-size:15px;font-weight:400;cursor:pointer;display:inline-block;transition-duration:0.4s;letter-spacing:2px;transition:all 0.9s ease;}
.btn-a:hover{color:#fff;border:2px solid #38a524;transition:all 0.9s ease;background:#38a524;}
.btn-form{background-color:#38a524;border:2px solid #fff;border-radius:50px;color:white;padding:12px 30px;width:100%;text-decoration:none;font-size:17px;text-transform:uppercase;font-weight:400;cursor:pointer;display:inline-block;transition-duration:0.4s;letter-spacing:2px;transition:all 0.9s ease;font-family:'Mulish',sans-serif;}
.btn-form:hover{color:#fff;border:2px solid #38a524;transition:all 0.9s ease;background:transparent;color:#38a524;}

/*heading*/
.m1-h h5{font-size:42px;color:#38a524;font-weight:400;margin-bottom:15px;letter-spacing:1px;text-transform:uppercase;}
.m2-h h5{font-size:35px;color:#000;font-weight:400;margin-bottom:15px;text-transform:uppercase;}
.m3-h h5{font-size: 40px;color:#000;font-weight: 400;margin-bottom:15px;text-transform:uppercase;letter-spacing:1px;}
.m3-h h5>span{color:#38a524;}
.m3-h h4{font-size:28px;color:#fff;font-weight:400;margin-bottom:0px;letter-spacing:1px;text-transform:uppercase;}
.m4-h h6
{font-size:35px;color:#000;font-weight:400;margin-bottom: 25px;text-transform:uppercase;}
.m4-h h6>span
{
    color:#38a524;
}
/*paragrape*/
.p1 p{font-size:14px;line-height:24px;color:#000;font-weight:400;}
.p2 p{font-size:14px;line-height:24px;color:#fff;font-weight:400; margin-right: 20px;}
.p3 p{}
.p4 p{}
.p5 p{}

/*coustom-bootstrap*/
.cnt{text-align:center;}

/*main-banner*/
.mainBanner{background-size:auto;background-position:center;background-repeat:no-repeat;display:inline-grid;align-items:center;position:relative;}

/*main-baner-container*/
.ban-ctn h5{color:#fff;font-size:55px;line-height:70px;text-transform:uppercase;}
.ban-ctn p {
    margin-bottom: 25px;

}
.ban-ctn .btn-a span{margin-left:20px;}
ul.bn-lst{margin-bottom:25px;}
ul.bn-lst>li{margin-bottom:10px;}
ul.bn-lst>li>p{padding-left:32px;position:relative;text-transform:capitalize;margin-bottom:0;}
ul.bn-lst>li>p:before{position:absolute;content:"";left:0;top:0;bottom:0;margin:auto;width:28px;height:27px;line-height:20px;background:url(../images/icons/check.webp) no-repeat;transform:scale(0.7);filter:brightness(10);}

/*client-logo*/
ul.cl-lst{display:block;text-align:center;}
ul.cl-lst>li{display:inline-block;margin-right:100px;width: 18%;}
ul.cl-lst>li:last-child{margin-right:0;}

/*excillent-work*/
.ewrk-ctn{margin-bottom:40px;position:relative;}
section.ewrk .slick-slide {
    height: auto;
}

ul.clsi {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.clsi-bx img {
    width: 45%;
    margin-top: 10px;
}
ul.clsi>li{display:inline-block;vertical-align:middle;margin-right:70px;}
ul.clsi>li:last-child{margin-right:0;}
.clsi-bx h5{color:#38a524;margin-bottom:0;border-bottom:2px solid #38a524;font-family:'Mulish',sans-serif;text-transform:uppercase;font-size:16px;font-weight:600;padding-bottom:10px;text-align:center;}
.clsi-bx p{color:#717171;font-weight:700;font-size:14px;}
img.arr1{position:absolute;left:-14%;}
img.arr2{position:absolute;right:-7%;bottom:-8%;}
.ewrk-r img{border-radius:6px;box-shadow:0 5px 24px 0 rgb(0 0 0/0.6);}
ul.ewrk-sil ul.slick-dots{text-align:center;position:absolute;bottom:0;right:0;z-index:1;left:0;bottom:-60px;}
ul.ewrk-sil ul.slick-dots li{margin:0 11px 0px 0px;width:auto;display:inherit;vertical-align:middle;overflow:hidden;padding:0px;border:none;display:inline-block;}
ul.ewrk-sil .slick-dots li button:before,ul.client-sil .slick-dots li button:before{color:#FFF;opacity:1;font-size:20px;}
ul.ewrk-sil .slick-dots li button{height:15px;width:15px;padding:0px;background:#8a8a8a;border:none;cursor:pointer;font-size:0px;padding:0px;-webkit-transition:all 0.4s ease-In-out;-moz-transition:all 0.4s ease-In-out;-o-transition:all 0.4s ease-In-out;transition:all 0.4s ease-In-out;box-sizing:border-box;border-radius:3px;}
ul.ewrk-sil .slick-dots li.slick-active button{background:#38a524;}
ul.ewrk-sil .slick-list{padding:21px 0;}
ul.ewrk-sil{position:relative;}
ul.ewrk-sil button.slick-arrow{position:absolute;z-index:1;font-size:0;border:0;padding:0;top:0;    /* left: 0; */width:40px;height:40px;background:transparent;bottom:0;margin:auto;}
ul.ewrk-sil button.slick-arrow:after{content:'\f178';position:absolute;font-family:fontAwesome;font-size:24px;color:#000;width:50px;height:50px;line-height:50px;background:#fff;box-shadow:0 5px 24px 0 rgb(0 0 0/0.6);border-radius:50%;}
ul.ewrk-sil button.slick-prev.slick-arrow{left:3%;}
ul.ewrk-sil button.slick-next.slick-arrow{right:6%;}
ul.ewrk-sil button.slick-prev.slick-arrow:after{content:'\f177';}

/*logo-ser-work*/
.l-ser{background:#eaeaea;padding:70px 0;box-shadow:0 0 40px 0 rgb(15 18 24 / 0.2);}
.lserm{margin-bottom:20px;}
.lser-ctn{margin-bottom:20px;}
ul.lser-lst{display:block;}
ul.lser-lst>li{margin-bottom:10px;display:inline-block;margin-right:45px;}
ul.lser-lst>li>p{padding-left:32px;position:relative;font-weight:600;text-transform:capitalize;}
ul.lser-lst>li>p:before{position:absolute;content:"";left:0;top:0;bottom:0;margin:auto;width:28px;height:27px;line-height:20px;background:url(../images/icons/check.webp) no-repeat;transform:scale(0.7);filter: invert(43%) sepia(76%) saturate(938%) hue-rotate(355deg) brightness(98%) contrast(93%);}
.lser-r img{box-shadow:0 5px 24px 0 rgb(0 0 0/0.6);border-radius:6px;}

/*Glimpse*/
ul.indus-lst{font-size:0;}
ul.indus-lst>li{display:inline-block;width:25%;}
.ids-bx{position:relative;overflow:hidden;}
.ids-ctn{position:absolute;z-index:1;display:flex;top:0;right:0;align-items: center;bottom:0;left:0;margin:auto;width:100%;height:100%;align-items:center;justify-content:center;text-align:center;transition:all 1s ease;}
.id-c1{background:rgb(56 165 36 / 0.8);}
.id-c2{background:rgb(18 100 3 / 0.8);}
.ids-bx:hover .id-c1{background:rgb(56 165 36 / 0.95);}
.ids-bx:hover .id-c2{background:rgb(18 100 3 / 0.95);}
.ids-ctn h5{color:#fff;text-transform:uppercase;font-size: 25px;}
span.ids-icn{margin-bottom:15px;display:block;text-align:center;}
span.ids-icn img {
    width: 42%;
}
.ids-ctn a{position:relative;bottom:-155px;}
.ids-bx:hover  .ids-ctn a{bottom:0;}

/*packages-section*/
.pack-sec{background:#eeeeee;}
ul.pack-list{display: flex;font-size:0;text-align:center;flex-wrap: wrap;width: 100%;justify-content: center;}
ul.pack-list>li{vertical-align:top;display:inline-block;width: 32%;margin-right: 20px;}
ul.pack-list>li:first-child{margin-top: 0;}
ul.pack-list>li:last-child{margin-top:0px;}
ul.pack-list>li:nth-child(2n){/* margin-right:0; */}
.pck-bx{width: auto;height:max-content;background:#fff;border-radius:12px;justify-content:center;align-items:center;padding:30px 0;position:relative;z-index:1;overflow:hidden;transition:all 0.9s ease;box-shadow:0 22px 22px 0rgb(0 0 0 / 0.2);display:flex;border:2px solid #38a524;text-align:center;margin:auto;margin-bottom:100px;}
.pck-bx.pck-clr{background:#66bd6c;border:2px solid #fff;}
.pck-bx.pck-clr ul.pack-lst>li>p{color:#fff;transition:all 0.5s ease;}
.pck-bx.pck-clr  ul.pack-lst>li>p:before{filter:brightness(10);transition:all 0.5s ease;}
.pck-bx.pck-clr ul.rs>li h5{color:#fff;transition:all 0.5s ease;}
.pck-bx.pck-clr ul.star>li>span{color:#fff;transition:all 0.5s ease;}
.pck-bx.pck-clr .pck-h{border-bottom:2px solid #fff;transition:all 0.5s ease;}
.pck-bx.pck-clr .pck-h p{color:#fff;transition:all 0.5s ease;}
.pck-bx.pck-clr ul.pck-but>li>a{border:2px solid #fff;color:#fff;background:transparent;transition:all 0.5s ease;}
.pck-bx.pck-clr ul.pck-but>li>a:hover{background:#38a524;color:#fff;border:2px solid #38a524;}
.pck-bx.pck-clr ul.pack-lst::-webkit-scrollbar-thumb:vertical{border-radius:0px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-image:linear-gradient(#000,#000);transition:all 0.5s ease;}
.pck-bx.pck-clr ul.pack-lst::-webkit-scrollbar{width:5px;background-color:#fff;}
.pck-bx.pck-clr ul.pack-lst::-webkit-scrollbar-track-piece{-webkit-box-shadow:0 0 6px #fff;background-color:#fff;}
.pck-hwrp{padding:0 30px;}
.pck-h{border-bottom:2px solid #000;padding-bottom:15px;transition:all 0.5s ease;}
ul.star{display:block;margin-bottom:12px;}
ul.star>li{display:inline-block;margin-right:5px;}
ul.star>li>span{color:#ed8a19;font-size:20px;transition:all 0.5s ease;}
.pack-sec i.fa.fa-star {
    display: none;
}
.pck-h p{margin-bottom:12px;transition:all 0.5s ease}
.pck-h h5{text-transform:uppercase;margin-bottom:12px;font-size:25px;}
ul.rs{display:block;}
ul.rs>li{display:inline-block;vertical-align:middle;}
ul.rs>li h4{font-size:20px;}
ul.rs>li h4>span{text-decoration:line-through;}
ul.rs>li h5{margin-bottom:0;font-size:40px;color:#38a524;transition:all 0.5s ease;}
.clsh>h5{font-size:60px!important;}
.pack-lstbx{padding-right:20px;}
ul.pack-lst{margin:20px 0;text-align:left;height:255px;overflow:scroll;overflow-x:hidden;padding:0 20px;}
ul.pack-lst::-webkit-scrollbar{width:5px;background-color:#c5c5c5;}
ul.pack-lst::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment{display:none;}
ul.pack-lst::-webkit-scrollbar-track-piece{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#c5c5c5;}
ul.pack-lst::-webkit-scrollbar-thumb:vertical{border-radius:0px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-image:linear-gradient(#38a524,#38a524);transition:all 0.5s ease;}
ul.pack-lst>li:last-child{margin-bottom:0;}
ul.pack-lst>li{margin-bottom:10px;}
ul.pack-lst>li>p{position:relative;font-size:15px;padding-left:29px;/* line-height:19px; */letter-spacing:inherit;transition:all 0.5s ease;}
ul.pack-lst>li>p:before{position:absolute;content:"";left:0;top:-2px;margin:auto;width:28px;height:27px;line-height:20px;background:url(../images/icons/check.webp) no-repeat;transform:scale(0.5);transition:all 0.5s ease;}
ul.pack-lst>li>h5{text-align:center;font-size:25px;text-transform:uppercase;}
ul.pck-but{display:block;padding-top: 20px;}
ul.pck-but>li{display:inline-block;margin-right:10px;}
ul.pck-but>li:last-child{margin-right:0;}
ul.pck-but>li>a{border:2px solid #38a524;color:#38a524;background:transparent;}
.pack-heding{height: auto;}

/*attention*/
.att-sec{background:#eee;}
ul.att-lst{display:block;font-size:0;text-align:center;}
ul.att-lst>li{display:inline-block;width:21%;margin-right:59px;}
ul.att-lst>li:last-child{margin-right:0;}
.att-bx h5{font-size:20px;}
.att-bx{text-align:center;}
.at-pic{background:linear-gradient(180deg,rgba(89,236,131,1) 0%,rgba(44,226,143,1) 46%,rgba(26,223,147,1) 60%,rgba(6,218,152,1) 100%);text-align:center;padding:15px;border-radius:10px;border:4px solid #fff;box-shadow:0 5px 24px 0 rgb(0 0 0 / 0.3);margin-bottom:20px;width:245px;height:218px;display:flex;align-items:center;justify-content:center;transition:all 0.9s ease;}
.at-pic img{top:0;transition:all 0.9s ease;position:relative;}
.att-bx:hover .at-pic img{transition:all 0.9s ease;top:-10px;}

/*periume*/
.pri-sec{background:radial-gradient(circle,rgba(89,236,131,1) 0%,rgba(44,226,143,1) 54%,rgba(26,223,147,1) 64%,rgba(6,218,152,1) 100%);height:100vh;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;}
.pri-ctn h5>span{color:#fff;}
ul.pri-btn{display:block;}
ul.pri-btn>li{display:inline-block;margin-right:7px;}
ul.pri-btn>li:last-child{margin-right:0;}
.pri-ctn p{margin-bottom:30px;}
img.x{position:absolute;left:0;top:0;opacity:0.4;z-index:-1;}
img.line{position:absolute;opacity:0.2;left:0;right:0;bottom:0;margin:auto;z-index:-1;}
.device{position:absolute;right:0;top:0;bottom:0;margin:auto;height:825px;}
.device:hover{animation: banner2ImgBounce 1.5s ease-in-out 0s infinite alternate;}
@keyframes banner2ImgBounce{
    0%{-webkit-transform:translateY(0) translateX(0);transform:translateY(0) translateX(0);}
    100%{-webkit-transform:translateY(-20px) translateX(-20px);transform:translateY(-20px) translateX(-20px);}
}
.rt{height:400px;width:400px;border:10px solid #38a524;position:absolute;z-index:-1;}
.rt1{right:0;left:0;margin:auto;top:-15%;}
.rt2{right:unset;left:12%;margin:auto;bottom:-15%;z-index:1;}
.device img{z-index:2;position:relative;}

/*how we work*/
.proces-img{text-align:center;}
.brk-wrp{background:#38a524;box-shadow:0 0 40px 0 rgb(0 0 0 / 0.4);border-radius:15px;padding:30px 0;}
ul.brk-lst{display:block;padding-left:70px;}
ul.brk-lst>li{display: inline-block;
    margin-right: 35px;
    width: 15%;
    vertical-align: middle;}
ul.brk-lst>li:last-child{margin-right:0;}
.que h5{color:#fff;}
ul.que-btn>li>a:hover{background:#fff;color:#000;}
section.brk-sec{background:#43e082;margin-top:-50px;}
video#Video{bottom:0;left:0;right:0;top:0;margin:0 auto;width:100%;}

/*get-free-consoltancy*/
.gf-sec{background:#43e082;}
.gf-h>h5>span{color:#fff;}
.field input,.field select,.field textarea{width:100%;height:50px;border:2px solid #fff;font-size:14px;color:#fff;padding:0 19px;background:transparent;border-radius:40px;font-weight:400;letter-spacing:1px;}
.field select>option {
    background: #eeeeee;
}
select:focus {
    outline: 0;
    box-shadow: none;
}
.field textarea{height:200px;resize:none;padding:20px;line-height:normal;letter-spacing:1px;}
.field input:focus,.field textarea:focus{background:transparent;outline:none!important;}
.field input::placeholder,.field textarea::placeholder{background:transparent;color:#fff;}
.oe-half{width:465px;display:inline-block;margin-right:35px;}
.oe-half:nth-child(2n){margin:0;}
.field{margin-bottom:20px;}
.field-btn{text-align:center;}
.field-btn input[type="submit"]{background-color:#298519;border:2px solid #fff;border-radius:50px;color:white;padding:15px 80px;text-decoration:none;font-size:18px;font-weight:500;cursor:pointer;display:inline-block;transition-duration:0.4s;letter-spacing:2px;transition:all 0.9s ease;font-family:'Mulish',sans-serif;}

/*footer*/
footer {
    background: #38a524;
    position: relative;
    padding-top: 70px;
    padding-bottom: 40px;
}
img.shp{position:absolute;right:0;top:0;opacity:0.5;}
.ft-logo{margin-bottom: 25px;}
p.ft-para{margin-bottom:30px;}
p.adrs{margin-bottom: 20px;text-transform:capitalize;font-weight: 500;color: #fff;line-height: normal;}
ul.inf.dis{margin-bottom:20px;}
ul.inf>li{margin-right:45px;}
ul.inf>li>a{font-size:18px;color:#fff;font-family:'Mulish',sans-serif;font-weight:600;}
ul.sl-icn{}
ul.sl-icn>li{margin-right:20px;}
ul.sl-icn>li>a{font-size:20px;color:#fff;}
.ft-border{border-bottom:2px solid #fff;padding-bottom: 35px;margin-bottom: 0;}
.disp p {
    margin-bottom: 0;
    margin-right: 0;
    margin-top: 35px;
    font-size: 11px;
    color: #ffffff8c;
}
.cpy p>a{color:#fff;}
.copy-wrp{padding-bottom:20px;}
ul.ft-faq{text-align:center;}
ul.ft-faq>li{margin-right:15px;}
ul.ft-faq>li>a{color:#fff;font-family:'Mulish',sans-serif;font-weight:600;}
ul.ft-link{
    margin-top: 32px;
}
ul.ft-link>li{margin-bottom:20px;line-height: 22px;}
ul.ft-link>li>a{font-size:16px;color:#fff;font-family:'Mulish',sans-serif;font-weight:600;}
ul.ft-link>li>a:hover, ul.inf>li>a:hover, ul.sl-icn>li>a:hover, ul.ft-faq>li>a:hover {
    color: #da5513;
}
.cpy p>a:hover{color:#000;}
ul.ft-link>li:last-child{margin-bottom:0;}
.pay{margin-top: 0;}
.ftlnk-bx h5{color:#fff;font-size:24px;font-weight:600;position:relative;display:inline-block;}
.ftlnk-bx h5:after{position:absolute;width:100%;height:1px;background:#fff;content:'';left:0;right:0;bottom:-3px;}

/*illustration*/
.il-h h5{color:#db491e;}
.ill.clsi-bx h5{color:#db491e;border-bottom:2px solid #db491e;}
ul.ill.ewrk-sil .slick-dots li.slick-active button{background:#db491e;}
ul.ill.lser-lst>li>p:before{background:url(../images/icons/check2.png) no-repeat;}
ul.ill.indus-lst .id-c1{background:rgb(197 45 26 / 0.8);}
ul.ill.indus-lst .id-c1:hover{background:rgb(197 45 26 / 0.95);}
ul.ill.indus-lst .id-c2{background:rgb(219 73 30 / 0.8);}
ul.ill.indus-lst .id-c2:hover{background:rgb(219 73 30 / 0.95);}
.il-h2 h5>span{color:#db491e;}
.pck-il{border:2px solid #db491e;}
.pck-il ul.rs>li h5{color:#db491e;}
.pck-il ul.pack-lst>li>p:before{background:url(../images/icons/check2.png) no-repeat;}
.pck-il ul.pck-but>li>a{border:2px solid #db491e;color:#db491e;background:transparent;}
.pck-il .btn-a:hover{background:#db491e;color:#fff;}
.pck-il ul.pack-lst::-webkit-scrollbar-thumb:vertical{background-image:linear-gradient(#db491e,#db491e);}
.pck-bx.pck-clr.pilclr{background:#db6847;}
.pck-bx.pck-clr.pilclr ul.pck-but>li>a:hover{background:#db491e;border:2px solid #db491e;}
.ill.at-pic{background:linear-gradient(180deg,rgba(255,58,0,1) 0%,rgba(245,68,15,1) 27%,rgba(208,86,50,1) 64%,rgba(194,72,37,1) 100%);}
.ill.pri-sec{background:radial-gradient(circle,rgba(246,98,55,1) 0%,rgba(251,103,59,1) 27%,rgba(236,89,46,1) 64%,rgba(226,80,37,1) 100%);}
.ill.pri-sec .rt{border:10px solid #ff835e;}
.ill.pri-sec .btn-a:hover{background:#db491e;border:2px solid #db491e;}
.ill.brk-sec .brk-wrp{background:#db491e;margin-top:-50px;}
.ill.gf-sec{background:#fc5c30;}
.ft-clr footer{background:#db491e;}
.ill.gf-sec .field-btn input[type="submit"]{background:#db491e;}
section.ill.brk-sec{background:#fc5c30;}

/*mascot*/
.mascot .il-h h5{color:#3a2e90;}
.mascot .ill.clsi-bx h5{color:#3a2e90;border-bottom:2px solid #3a2e90;}
.mascot ul.ill.ewrk-sil .slick-dots li.slick-active button{background:#3a2e90;}
.mascot ul.ill.lser-lst>li>p:before{background:url(../images/icons/check3.png) no-repeat;}
.mascot ul.ill.indus-lst .id-c1{background:rgb(58 50 139 / 0.8);}
.mascot ul.ill.indus-lst .id-c1:hover{background:rgb(58 50 139 / 0.95);}
.mascot ul.ill.indus-lst .id-c2{background:rgb(92 86 223 / 0.8);}
.mascot ul.ill.indus-lst .id-c2:hover{background:rgb(92 86 223 / 0.95);}
.mascot .il-h2 h5>span{color:#3a2e90;}
.mascot .pck-il{border:2px solid #3a2e90;}
.mascot .pck-il ul.rs>li h5{color:#3a2e90;}
.mascot .pck-il ul.pack-lst>li>p:before{background:url(../images/icons/check3.png) no-repeat;}
.mascot .pck-il ul.pck-but>li>a{border:2px solid #3a2e90;color:#3a2e90;background:transparent;}
.mascot .pck-il .btn-a:hover{background:#3a2e90;color:#fff;}
.mascot .pck-il ul.pack-lst::-webkit-scrollbar-thumb:vertical{background-image:linear-gradient(#3a2e90,#3a2e90);}
.mascot .pck-bx.pck-clr.pilclr{background:#5857a8;}
.mascot .pck-bx.pck-clr.pilclr ul.pck-but>li>a:hover{background:#3a2e90;border:2px solid #3a2e90;}
.mascot .ill.at-pic{background:linear-gradient(180deg,rgba(84,70,202,1) 0%,rgba(81,70,172,1) 39%,rgba(59,48,144,1) 67%,rgba(52,42,129,1) 100%);}
.mascot .ill.pri-sec{background:radial-gradient(circle,rgba(84,70,202,1) 0%,rgba(81,70,172,1) 27%,rgba(59,48,144,1) 64%,rgba(52,42,129,1) 100%);}
.mascot .ill.pri-sec .rt{border:10px solid #8578f3;}
.mascot .ill.pri-sec .btn-a:hover{background:#3a2e90;border:2px solid #3a2e90;}
.mascot .ill.brk-sec .brk-wrp{background:#3a2e90;}
ul.que-btn.dis a.btn-a {
    padding: 10px 15px;
}
.mascot .ill.gf-sec{background:#5749ba;}
.mascot .ft-clr1 footer{background:#3a2e90;}
.mascot .ill.gf-sec .field-btn input[type="submit"]{background:#3a2e90;}
.mascot .ill.brk-sec{background:#5749ba;}

/*3D logo*/
.threed .il-h h5{color:#0593e2;}
.threed .ill.clsi-bx h5{color:#aa3b4a;border-bottom:2px solid #aa3b4a;}
.threed ul.ill.ewrk-sil .slick-dots li.slick-active button{background:#0593e2;}
.threed ul.ill.lser-lst>li>p:before{background:url(../images/icons/check4.png) no-repeat;}
.threed ul.ill.indus-lst .id-c1{background:rgb(5 147 226 / 0.8);}
.threed ul.ill.indus-lst .id-c1:hover{background:rgb(5 147 226 / 0.95);}
.threed ul.ill.indus-lst .id-c2{background:rgb(6 159 245 / 0.8);}
.threed ul.ill.indus-lst .id-c2:hover{background:rgb(6 159 245 / 0.95);}
.threed .il-h2 h5>span{color:#0593e2;}
.threed .pck-il{border:2px solid #0593e2;}
.threed .pck-il ul.rs>li h5{color:#0593e2;}
.threed .pck-il ul.pack-lst>li>p:before{background:url(../images/icons/check4.png) no-repeat;}
.threed .pck-il ul.pck-but>li>a{border:2px solid #0593e2;color:#0593e2;background:transparent;}
.threed .pck-il .btn-a:hover{background:#0593e2;color:#fff;}
.threed .pck-il ul.pack-lst::-webkit-scrollbar-thumb:vertical{background-image:linear-gradient(#0593e2,#0593e2);}
.threed .pck-bx.pck-clr.pilclr{background:#0593e2;}
.threed .pck-bx.pck-clr.pilclr ul.pck-but>li>a:hover{background:#0593e2;border:2px solid #0593e2;}
.threed .ill.at-pic{background:linear-gradient(180deg,rgba(5,147,226,1) 0%,rgba(21,138,203,1) 30%,rgba(15,103,152,1) 100%);}
.threed .ill.pri-sec{background:radial-gradient(circle,rgba(5,147,226,1) 0%,rgba(21,138,203,1) 30%,rgba(15,103,152,1) 100%);}
.threed .ill.pri-sec .rt{border:10px solid #0593e2;}
.threed .ill.pri-sec .btn-a:hover{background:#aa3b4a;border:2px solid #aa3b4a;}
.threed .ill.brk-sec .brk-wrp{background:#0593e2;margin-top:-50px;}
.threed .ill.brk-sec{background:#0593e2;}
.threed .ill.gf-sec{background:#0593e2;}
.threed .ft-clr1 footer{background:#0371af;}
.threed .ill.gf-sec .field-btn input[type="submit"]{background:#0593e2;}

/*about-us*/
.iner-ban h4{color:#000;}
.iner-ban h4>span{color: #fff;}
.iner-ban h5{color: #fff;font-size:60px;}
.iner-ban p{color: #fff;}
.ban-r{text-align:center;}
.bxl{position:relative;margin-bottom:35px;z-index:1;}
.bxl h5>span{font-size:18px;}
.bxl:before{position:absolute;width:94px;height:94px;border:2px solid #38a524;content:'';left:-8px;top:0;bottom:0;margin:auto;z-index:-1;}
.wd-ctn p{margin-bottom:15px;}
.wd-ctn p:last-child{margin-bottom:0;}
.wd-r img{border-radius:6px;width: 100%;box-shadow: 0px 20px 40px 0px rgb(231 90 18 / 10%);}
section.cho-sec.pad-tb{}
.cho-wrp{position:relative;}
img.cho-g{position:absolute;top:0;bottom:0;margin:auto;width:100%;}
.cho-ctn h5{color:#fff;}
.cho-ctn h5>span{font-size:27px;}
.cho-ctn p{margin-bottom:20px;}
.om-wl span{width:85px;height:85px;background:#fff;display:flex;align-items:center;justify-content:center;border-radius:50%;text-align:center;}
.cta-h{padding-bottom:30px;}
.cta-h h4{color:#000;}
.cta-h h5{font-size:35px;}
ul.cta-lst{display:block;text-align:center;}
ul.cta-lst>li{display:inline-block;vertical-align:middle;margin-right:23px;}
ul.cta-lst>li:last-child{margin-right:0;}
.ctab-ctn h4{color:#38a524;font-size:24px;text-transform:capitalize;}
.ctab-ctn{display:inline-block;}
.cta-bx>span{display:inline-block;width:45px;}
.strt a{background:#298519;padding:18px 70px;text-transform:uppercase;}
.ctab-ctn a{color:#000;font-size:30px;}
.ctab-ctn a:hover{color:#38a524;transition:all 0.9s ease;}
.strt a:hover{background:transparent;color:#298519;}
.cta1{text-align:right;}
.cta2{text-align:left;}
.cnut-sec{background-image:url(../images/banner/count-ban.jpg.jfif);height:234px;display:flex;align-items:center;justify-content:center;}
.cnut-wrp h5{font-size:20px;color:#fff;display:inline-block;position:relative;padding-bottom:5px;}
.cnut-wrp h5:after{position:absolute;content:'';height:1px;width:100%;background:#fff;bottom:0;left:0;}
.cnut-wrp{text-align:center;}
.cnut-icn{display:inline-block;vertical-align:top;}
.cnut-ctn{margin-bottom:15px;height:100px;}
.cnut-ctn span{display:inline-block;vertical-align:bottom;color:#fff;font-size:51px;font-family:'Mulish',sans-serif;width:125px;}

/*contact-us*/
.ssc-ctn .bxl:before{left:0;}
.ssc-ctn h5{padding-left:15px;}
.scc-lst{display:block;}
.scc-lst>li{margin-bottom:15px;}
.scc-lst>li:last-child{margin-bottom:0;}
.ssc-icn {
    width: 94px;
    height: 94px;
    border: 2px solid #38a524;
    display: inline-block;
    text-align: center;
    line-height: 115px;
    margin-right: 11px;
    vertical-align: middle;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.scc-bx a{font-size:20px;color:#000;display:inline-block;text-transform:uppercase;vertical-align:middle;transition:all 0.9s ease;}
.scc-bx a:hover{color:#38a524;transition:all 0.9s ease;}
.scc-bx a>span{color:#38a524;text-transform:capitalize;letter-spacing:1px;font-size:20px;transition:all 0.9s ease;}
.scc-bx a:hover span{color:#000;transition:all 0.9s ease;}

/*faqs-page*/
ul.faq-ul li h4{font-size:25px;font-weight:500;font-style:normal;line-height:normal;color:#222a41;padding:10px 18px;position:relative;cursor:pointer;letter-spacing:inherit;}
ul.faq-ul li h4:after{content:"\f196";position:absolute;right:23px;top:14px;font-size:17px;font-family:fontAwesome;}
ul.faq-ul li{/* border:solid 1px #dbdee5; */background-color:#ffffff;margin:0 0 20px;box-shadow:7px 7px 27px 0 rgba(0,0,0,0.11);border-radius:6px;}
ul.faq-ul li div{padding:22px 17px;position:relative;display:none;}
ul.faq-ul li div:before{content:"";width:98%;height:1px;background:#000;position:absolute;top:0px;left:0;right:0;margin:auto;border-top:solid 1px #dbdee5;}
ul.faq-ul li p{}
ul.faq-ul li.active h4:after{content:"\f147";}
ul.faq-ul li:nth-child(2n) h4{background:#d5f8cf;}

/*our-work*/
.prtwrp{padding-bottom:70px;}
ul.prtwrp-lst{display:block;text-align:center;}
ul.prtwrp-lst>li{display:inline-block;margin-right:40px;}
ul.prtwrp-lst>li:last-child{margin-right:0;}
ul.prtwrp-lst>li>a{font-size:20px;text-transform:uppercase;color:#38a524;letter-spacing:2px;position:relative;transition:all 0.9s ease;}
ul.prtwrp-lst>li>a:hover,ul.prtwrp-lst>li.current a{color:#000;transition:all 0.9s ease;}
ul.prtwrp-lst>li>a:hover::after,ul.prtwrp-lst>li.current a::after{width:100%;transition:all 0.9s ease;}
ul.prtwrp-lst>li>a:after{width:0;height:2px;background:#38a524;content:'';position:absolute;left:0;bottom:0;transition:width .3s;top:0;margin:auto;transition:all 0.9s ease;}
ul.prt-in{display:block;}
ul.prt-in>li{margin-bottom:10px;}
ul.prt-in>li:last-child{margin-bottom:0;}
ul.prt-in>li>a{font-size:16px;color:#fff;background:#38a524;width:225px;height:40px;display:block;border-radius:13px;text-align:center;display:flex;align-items:center;transition:all 0.9s ease;padding-left:17px;}
ul.prt-in>li>a>span{display:inline-block;width:30px;}
ul.prt-in>li>a:hover,ul.prt-in>li.current a{color:#000;transition:all 0.9s ease;}
ul.port-lst{display:block;font-size:0;}
ul.port-lst>li{display:inline-block;width:49%;margin-right:15px;margin-bottom:15px;}
ul.port-lst>li:nth-child(2n){margin-right:0;}
.port-box{position:relative;overflow:hidden;box-shadow:0 0 40px 0 rgb(0 0 0 / 0.4);}
.port-box:hover .port-ctn{transition:all 0.9s ease;opacity:1;}
.port-ctn{position:absolute;margin:auto;width:100%;height:100%;display:flex;top:0;bottom:0;left:0;right:0;opacity:0;align-items:center;justify-content:center;z-index:2;transition:all 0.9s ease;background-image:linear-gradient(180deg,hsl(0 0% 0% / 0.4) 29%,hsl(111 64% 39% / 0.8) 90%);}
.port-ctn a{width:60px;height:60px;padding:5px;border:2px solid #38a524;border-radius:50%;text-align:center;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0px 0px rgb(56 165 36);cursor:pointer;animation-name:yel;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite;}
@keyframes yel{
    0%{box-shadow:0 0 0px 0px  rgb(255 199 39 / 0.3);}
    60%{box-shadow:0 0 0px 5px rgb(255 199 39 / 0.5);}
}
.port-box:after{width:87px;height:124%;background:#38a524;left:0;right:0;margin:auto;top:0;bottom:0;transform:rotate(20deg);z-index:1;}

/*people-talk*/
.peo-ctn span{color:#b8b8b8;font-size:40px;display:block;margin-bottom:10px;}
.peo-ctn p{color:#484848;margin-bottom:10px;}
ul.gstar{display:block;}
ul.gstar>li{display:inline-block;}
ul.gstar>li>span{font-size:16px;color:#38a524;}
.peo-ctn h5{font-family:'Mulish',sans-serif;font-size:17px;font-weight:600;text-transform:capitalize;}
.peo-ctn h5>span{font-size:13px;margin-top:8px;}
ul.peo-num{display:block;position:relative;}
ul.peo-num:after{position:absolute;content:'';width:30px;height:100%;background:#e8e5e5;top:0;left:0px;z-index:-1;border-radius:6px;}
ul.peo-num>li{margin-bottom:10px;}
ul.peo-num>li:last-child{margin-bottom:10px;}
.peon-bx{background:#e8e5e5;padding:17px 16px;border-radius:6px;}
.peon-bx span{display:inline-block;margin-right:64px;font-size:33px;vertical-align:middle;position:relative;color:#73ba64;}
.peon-bx h4{display:inline-block;font-size:20px;vertical-align:middle;color:#b7b7b7;}
.peon-bx span:after{position:absolute;content:'';width:50px;height:1px;background:#b7b7b7;top:0;bottom:0;right:-60px;margin:auto;}
ul.peo-num>li.current .peon-bx{background:#38a524;transition:all 0.9s ease;}
ul.peo-num>li.current .peon-bx span{color:#fff;transition:all 0.9s ease;}
ul.peo-num>li.current .peon-bx h4{color:#fff;transition:all 0.9s ease;}

/*pricing*/
.pp-sec{background:radial-gradient(circle,rgba(89,236,131,1) 0%,rgba(44,226,143,1) 54%,rgba(26,223,147,1) 64%,rgba(6,218,152,1) 100%);padding:50px 0;position:relative;z-index:1;}
.pp-h h5>span{color:#fff;}
ul.pp-btn{display:block;text-align:center;margin-bottom:60px;}
ul.pp-btn>li{display:inline-block;margin-right:20px;}
ul.pp-btn>li:last-child{margin-right:0;}
ul.pp-btn>li>a{font-family:'Mulish',sans-serif;font-size:14px;color:#fff;width:200px;text-transform:uppercase;font-weight:700;}
ul.pp-btn>li.current a{color:#fff;border:2px solid #38a524;transition:all 0.9s ease;background:#38a524;}

/*terms*/
.priv-wrap h5{font-size:30px;margin-bottom:10px;}
ul.term-lst{}
ul.term-lst>li{}
ul.term-lst>li>p{padding-left:18px;position:relative;}
ul.term-lst>li>p:before{position:absolute;content:'\f00c ';font-family:fontAwesome;color:#38a524;font-size:12px;left:0;top:0;bottom:0;}
.priv-wrap h6{font-size:18px;color:#fff;margin-bottom:10px;}
.priv-wrap{margin-bottom:20px;}

/*popup*/
.popupMain{position:fixed;top:0px;bottom:0px;right:0px;left:0px;width:1600px;height:900px;padding:0;border-radius:0;margin:auto;z-index:9;display:flex;align-items:center;display:none;box-shadow:0px 2px 18px 0px #03296b;overflow:hidden;}
.popupMain .closePop{position:absolute;left:50px;top:23px;color:#fff;width:35px;height:35px;display:flex;align-items:center;justify-content:center;font-size:31px;font-weight:600;font-family:'Mulish',sans-serif;}
.overlay{background-color:rgba(0,0,0,0.8);position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:9;display:none;}
.popup-close{position:absolute;right:-15px;top:-15px;background:#159567;width:30px;height:30px;border-radius:50%;color:#ffffff;font-size:20px;font-weight:600;z-index:10;padding:0px;line-height:27px;text-align:center;}
.pop-con{padding:50px 37px;}
.plogo{margin-bottom:10px;}
.pop-ctn h5{color:#fff;font-size:40px;margin-bottom:10px;}
.pop-ctn h5>span{font-size:50px;}
.pop-ctn{padding-top:60px;}

/*packages-popup*/
.ppopupMain{position:fixed;top:0px;bottom:0px;right:0px;left:0px;width:1600px;height:900px;padding:0;border-radius:0;margin:auto;z-index:9;display:flex;align-items:center;display:none;box-shadow:0px 2px 18px 0px #03296b;overflow:hidden;background-image:url("../images/banner/pop-pack.webp");}
.ppopupMain .pclosePop{position:absolute;right:50px;top:23px;color:#fff;width:35px;height:35px;display:flex;align-items:center;justify-content:center;font-size:31px;font-weight:600;font-family:'Mulish',sans-serif;}
.poverlay{background-color:rgba(0,0,0,0.8);position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:9;display:none;}
.ppopup-close{position:absolute;right:-15px;top:-15px;background:#159567;width:30px;height:30px;border-radius:50%;color:#ffffff;font-size:20px;font-weight:600;z-index:10;padding:0px;line-height:27px;text-align:center;}
.pckopop-con{height:1035px;display:flex;align-items:center;justify-content:center;position:relative;z-index:-1;}
.laptoppack-wrp .head-f{width:660px;background:rgb(255 255 255 / 0.8);}
.laptoppack-wrp ul.fm-icn>li{margin-bottom:40px;}
.laptoppack-wrp ul.fm-lst>li{margin-bottom:15px;}
.laptoppack-wrp h5{font-size:24px;color:#fff;margin-bottom:0;letter-spacing:3px;}
.laptoppack-wrp p{color:#fff;font-size:14px;margin-bottom:10px;}
.laptoppack-wrp ul.fm-icn{padding:15px 0;}
.laptoppack-wrp .head-f input[type="submit"]{padding:10px 0;font-size:16px;}
.laptoppack-wrp .fm-field label{font-size:14px;}

/*pop-portfloio*/
ul.popp-lst{display:block;overflow:hidden;overflow:scroll;overflow-x:hidden;transform:rotate(9deg);position:absolute;top:-180px;right:-189px;}
ul.popp-lst>li{margin-right:10px;display:inline-block;width:43%;}
ul.popp-lst>li:nth-child(2n){margin-right:0;}
.popupMain .x{opacity:0.3;bottom:0;position:absolute;top:0;z-index:-1;left:0;top:initial;}
img.rib2{}

/*pop-end*/

/*packages-ribin*/
.ribin-wrp{position:relative;}
img.ribin{position:absolute;top:1px;z-index:9;right:15px;box-shadow:0 -10px 19px 0 rgb(0 0 0 / 0.2);}

/*packages-ribin-end*/

/*main-header-form*/
ul.fm-icn{text-align:center;background:#38a524;padding:30px 0;border-radius:10px;border:2px solid #fff;}
ul.fm-icn>li {
    margin-bottom: 46px;
}
ul.fm-icn>li:last-child{margin-bottom:0;}
.head-f{border:4px solid #6bcb2c;border-radius:10px;padding:15px 22px;width:436px;margin:auto;}
.fm-field input,.fm-field select{border:none;background:transparent;border-bottom:1px solid #000;width:100%;height:40px;color:#000;font-size:13px;font-family:'Mulish',sans-serif;font-weight:700;}
.fm-field label{display:block;text-transform:uppercase;}
.fm-field input::placeholder{color:#000;}
ul.fm-lst{}
ul.fm-lst>li{margin-bottom:33px;}
ul.fm-lst>li:last-child{margin-bottom:0;}
.head-f input[type="submit"]{border:none;background:#38a524;color:#fff;font-family:'Mulish',sans-serif;width:100%;padding:14px 0;font-size:20px;text-transform:uppercase;border-radius:12px;cursor:pointer;}
.ffom-con{margin-bottom:10px;}
.ipadwrp{position:relative;z-index:1;}
.ipadwrp:before{position:absolute;content:'';width:78px;height:105px;background-image:url("../images/icons/rib2.png");right:28px;top:-8px;z-index:1;}
img.ipad{position:absolute;z-index:-1;top:0;left:0;bottom:0;right:0;margin:auto;}
.ipadwrp:after{position:absolute;content:'';width:431px;height:600px;background:#7d7d7db3;top:0;right:0;left:0;bottom:0;margin:auto;z-index:-2;}

/*lead-from-color*/
.ill-lead .head-f{border:4px solid #db491e;}
.ill-lead ul.fm-icn{background:#db491e;}
.ill-lead .head-f input[type="submit"]{background:#db491e;}
.ill-lead  .ipadwrp:before{background-image:url("../images/icons/rib3.png");}
.mas-lead .head-f{border:4px solid #3a2e90;}
.mas-lead ul.fm-icn{background:#3a2e90;}
.mas-lead .head-f input[type="submit"]{background:#3a2e90;}
.mas-lead  .ipadwrp:before{background-image:url("../images/icons/rib4.png");}
.tree-lead .head-f{border:4px solid #0593e2;}
.tree-lead ul.fm-icn{background:#0593e2;}
.tree-lead .head-f input[type="submit"]{background:#0593e2;}
.tree-lead  .ipadwrp:before{background-image:url("../images/icons/rib5.png");}

/*main-header-form-end*/

/*payment-form*/
.payment-fm h6{font-size: 30px;text-transform:uppercase;margin-bottom:20px;}
.payment-fm h6>span
{
    color:#38a524;
}
.pay-field{margin-bottom:30px;}
.pay-field label{display:block;margin-bottom:12px;text-transform:uppercase;}
.pay-field input,.pay-field select,.pay-field textarea{border:2px solid #38a524;background:transparent;width:100%;height:50px;color:#000;font-size:14px;font-weight:500;font-family:'Mulish',sans-serif;padding:0 10px;}
.pay-field textarea{height:267px;resize:none;padding:20px;line-height:normal;letter-spacing:1px;}
.pay-field input::placeholder{color:#000;}
.logobrif-d h6{font-size:25px;text-transform:uppercase;margin-bottom:20px;}

/*logo-brief-form*/
.logo-brief-ban{height:20vh;}
.logo-brief-ban:after{display:none;}
.pay-field label>span{font-size:9px;margin-left:7px;}
ul.logosel-lst{display:block;}
ul.logosel-lst>li{display:inline-block;width:49%;margin-right:14px;}
ul.logosel-lst>li:nth-child(2n){margin-right:0;}
.logosel-bx{text-align:center;margin-bottom:15px;}
.logo-sel-pic{padding:10px;border: 2px solid #38a524;margin-bottom:10px;}
.logosel-bx h4{font-size:15px;color: #000;letter-spacing:1px;font-weight:400;}
ul.logosel-fonts{display:block;}
ul.logosel-fonts>li{display:inline-block;vertical-align:top;margin-bottom:10px;margin-right:10px;}
.logofont{width:220px;height:85px;text-align:center;border: 2px solid #38a524;display:flex;align-items:center;justify-content:center;}
ul.logosel-fonts>li:nth-child(5n){margin-right:0;}
.logoclr h4{text-align:center;color: #000;font-size:14px;padding-bottom: 10px;}
.logoclr img{margin-bottom:5px;}
ul.lcu-clr{display:block;}
ul.lcu-clr>li{display:inline-block;width:48%;margin-right:30px;vertical-align:middle;}
ul.lcu-clr>li:last-child{margin-right:0;}
ul.logosel-clr{margin-bottom:40px;text-align:center;}
ul.logosel-clr>li{margin-right:35px;}
.files-upload{text-align:center;padding:15px;border: 2px solid #38a524;}
.files-upload label{margin-bottom:20px;}
.files-upload input#fileToUpload{background:transparent;}
.files-upload input::-webkit-file-upload-button{cursor:pointer!important;height:42px;width:100%;}
.gt_logofnt{background: #38a524;}
.white_select{background: #38a524;}
.logoclr-slect {
    box-shadow: 0px 2px 18px 0px #fff;
    background: #38a524;
}
.gt_logofnt img {
    filter: brightness(10);
}
.logoclr-slect h4 {color: #fff;}
/*logo-brief-from-end*/


/*after-css*/
.inbrk .brk-sec {
    background: #fff;
    margin-top: 0;
}
.inget .gf-sec {
    margin-top: -50px;
}

/*right-icons*/
.r-icn {
    position: fixed;
    bottom: 0;
    top: 0;
    right: 0;
    z-index: 99999999;
    margin: auto;
    height: 300px;
    display: none;
}
r-icn.show {
    display: block;
}
ul.ricn-lst
{

}
ul.ricn-lst>li
{
    margin-bottom: 10px;
}
ul.ricn-lst>li:last-child
{
    margin-bottom:0;
}

.ricn-bx {
    background: #38a524;
    height: 70px;
    width: 220px;
    display: flex;
    align-items: center;
    padding-left: 10px;
    border-radius: 50px 0 0 50px;
    right: -145px;
    position: relative;
    transition: all 0.9s ease;
}
.ricn-bx:hover
{right: 0;transition: all 0.9s ease;}

.ricn-bx span {
    display: inline-block;
    color: #fff;
    width: 50px;
    height: 50px;
    border: 2px solid #fff;
    text-align: center;
    line-height: 48px;
    border-radius: 50%;
    margin-right: 20px;
    font-size: 18px;
    display: inline-flex;
    align-items: center;
}
.ricn-bx span i {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
.ricn-bx a {
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
}
.ft-clr .ricn-bx {
    background: #db491e;
}
.ft-clr1 .ricn-bx {
    background: #3a2e90;
}
.threed .ricn-bx {
    background: #0593e2;
}

.threedabstract-btncolor .btn-a:hover {
    background: #0593e2;
    border-color: #0593e2;
    color: #fff;
}
.illustration-btncolor .btn-a:hover {
    background: #db491e;
    border-color: #db491e;
    color: #fff;
}
.mascot-btncolor .btn-a:hover {
    background: #3a2e90;
    border-color: #3a2e90;
    color: #fff;
}

.ill .field select>option {
    background: #fc5c30;
}
.mascot .field select>option {
    background: #5749ba;
}
.threed .field select>option {
    background: #0593e2;
}







/*lp-sec*/
ul.ld-lst{display:block;padding-left:30px;}
ul.ld-lst>li{margin-bottom:15px;cursor: pointer;}
ul.ld-lst>li:last-child{margin-bottom:0;}
.ld-h h6{font-size:30px;margin-bottom:10px;}
.ld-bx span{display:inline-block;width:100px;vertical-align:middle;margin-right:20px;}
.ld-ctn{display:inline-block;vertical-align:middle;}
.ld-ctn h6{font-size:20px;color:#38a524;font-weight:400;letter-spacing:1px;text-transform:uppercase;}
.ld-ctn h5{font-size:23px;color:#000;font-weight:400;letter-spacing:1px;text-transform:uppercase;}
.ld-bx{background:#fff;border:2px solid #d4d4d4;padding:15px 25px;box-shadow:0 3px 35px 0rgb(0 0 0 / 14%);transition:all 0.9s ease;border-radius: 6px;}
.ld-wrp{background:#28282a;height:597px;position:relative;z-index:1;align-items:center;display:flex;padding-left:30px;border-radius: 6px;}
img.shirt{position:absolute;right:-8%;top:0;bottom:0;margin:auto;z-index:-1;}
.ld-wrp h5{color:#fff;    font-size: 26px;}
.ld-wrp p{margin-bottom:35px;    width: 36%;}
ul.ld-lst>li.current .ld-bx{border:2px solid #38a524;transition:all 0.9s ease;}


















span.diss {
    font-weight: 800;
    font-size: 19px;
}
.thk.iner-ban.ban-ctn h5 {
    font-size: 50px;
}
.coupan-wrp {
    position: relative;
    background-size: auto;
    background-position: center;
    height: 730px;
    background-repeat: no-repeat;
    display: flex;
    align-items: flex-end;
}


/*coupan*/
.coup-ctn {
    background: #fff;
    width: 468px;
    height: 250px;
    padding: 22px 20px;
    position: absolute;
    top: 0;
    right: -19px;
    bottom: 0;
    left: 0;
    margin: auto;
    border-radius: 14px;
    box-shadow: 0 5px 24px 0 rgb(94 193 14);
    overflow: hidden;
}
.coup-h h1 {
    color: #53c10e;
    font-size: 30px;
}

.coup-h p {
    font-size: 14px;
    margin-bottom: 4px;
    font-weight: 800;
}

.coup-h {
    margin-bottom: 63px;
}
.coup-d {
    margin-bottom: 10px;
}
.cop-ctn h5 {
    font-size: 19px;
}
.cop-ctn p {
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: 700;
    color: #53c10e;
}
img.flat {
    position: absolute;
    right: 0;
    top: 0;
}

img.coup-x {
    position: absolute;
    right: -45px;
    bottom: -49px;
    opacity: 0.1;
}



ul.pack-list>li:nth-child(3n) {
    margin-right: 0;
}









.abstract-pg-clr .pck-bx.pck-clr {
    background: #66bd6c;
}





















.abstract-clr-change h5 {
    color: #5d3628;
}
.abstract-clr-change .ftlnk-bx h5 {
    color: #fff;
}

.abstract-clr-change .homebanner-st .ban-ctn h5 {
    color: #fff;
}

.abstract-clr-change .id-c1 {
    background: #5d36288f;
}

.abstract-clr-change .id-c1 h5 {
    color: #fff;
}

.abstract-clr-change  .ids-bx:hover .id-c1 {
    background: rgb(93 54 40 / 86%);
}

.abstract-clr-change  .id-c2 h5 {
    color: #fff;
}

.device .rt {
    display: none;
}

.abstract-clr-change section.pri-sec {
    background: radial-gradient(circle,#5d3628 0%,#5d3628 54%,#5d3628 64%,#5d3628 100%);
}

.abstract-clr-change .id-c2 {
    background: #5d3628ad;
}

.abstract-clr-change .ids-bx:hover .id-c2 {}

.abstract-clr-change .ids-bx:hover .id-c2 {
    background: #5d3628e6;
}

.abstract-clr-change section.pri-sec h5, .abstract-clr-change section.pri-sec p {
    color: #fff;
}






.illustration-clr-change h5 {
    color: #66217d;
}

.illustration-clr-change .ftlnk-bx h5 {
    color: #fff;
}
.illustration-clr-change .homebanner-st .ban-ctn h5 {
    color: #fff;
}

.illustration-clr-change .id-c1 {
    background: #66217d8f !important;
}

.illustration-clr-change .id-c1 h5 {
    color: #fff;
}

.illustration-clr-change  .ids-bx:hover .id-c1 {
    background: #66217de6 !important;
}

.illustration-clr-change  .id-c2 h5 {
    color: #fff;
}

.device .rt {
    display: none;
}

.illustration-clr-change section.pri-sec {
    background: radial-gradient(circle,#66217d 0%,#66217d 54%,#66217d 64%,#66217d 100%);
}

.illustration-clr-change .id-c2 {
    background: #66217dad !important;
}

.illustration-clr-change .ids-bx:hover .id-c2 {}

.illustration-clr-change .ids-bx:hover .id-c2 {
    background: #66217de6 !important;
}

.illustration-clr-change section.pri-sec h5, .illustration-clr-change section.pri-sec p {
    color: #fff;
}




/*.homebanner-st.pricing-bnr-st .bg-video-container {
    background: transparent !important;
}*/






.pack-list-main .ribin-wrp img.ribin {
    width: 15%;
}

.owl-dots button {height: 40px;background: rebeccapurple;margin: 0 12px;}

.owl-dots button span {
    position: absolute;
    background: #8a8a8a;
    width: 15px;
    height: 15px;
    border-radius: 4px;
}

.owl-dots button.active span {
    background: #66bd6c;
}
.pack-list-main .ribin-wrpitem img {
    width: 15%;
}


.l-ser-abstract{
    background: url(../images/inner-sec-bnr/abstract.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.l-ser-3d{
    background: url(../images/inner-sec-bnr/3d.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.l-ser-mascot{
    background: url(../images/inner-sec-bnr/mascot.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.l-ser-illustration{
    background: url(../images/inner-sec-bnr/illustration.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.l-ser h5, .l-ser p, .l-ser li {
    color: #fff;
}
.ftlnk-bx.m2-h li i {
    margin: 0 5px;
    font-size: 16px;
}
.copy-wrp .row {
    align-items: center;
}










.star {
        position: absolute;
      background: url(../images/sparkle.png) no-repeat;
      background-size: contain;
      overflow: hidden;
      opacity: 0.3;
}
.star-1 {
    width: 50px;
    height: 34px;
    top:110px;
    right: 15%;
}
.star-2 {
    width: 83px;
    height: 77px;
    top:18px;
    right: 15%;
    }
.star-3 {
    width: 74px;
    height: 70px;
    top: 90px;
    left: 200px;
}
.star-4 {
    width: 68px;
    height: 70px;
    top: 10px;
    left: 180px;
}



.cta1-str3{
    width: 74px;
    height: 70px;
    bottom: 10px;
    left: 200px;
    top: inherit;
}
.cta1-str2 {
    width: 83px;
    height: 77px;
    top: 10px;
    right: 15%;
}
.cta1-str1{
    width: 50px;
    height: 34px;
    top: inherit;
    right: 15%;
    bottom: 40px;
}





































.our-combo {
    background: url(../images/combo-price/bg-combo.webp) no-repeat;
    /* background-color: #f8f7fd; */
    max-width: 100%;
    background-size: cover;
    width: 100%;
    /* height: 100%; */
    overflow: hidden;
    background-position: 50% bottom;
    padding-top: 100px;
    padding-bottom: 45px;
    margin-top: 0px;
}

.our-combo p {
    margin-bottom: 40px;
    line-height: 25px;
    font-size: 14px;
}

.img-combo img{
    max-width: 120%;
    position: relative;
    left: -20px;
}

.our-combo * {
    color: #fff;
}

.combo-detail {
    display: inline-block;
    width: 49%;
    vertical-align: text-top;
}

.combo-detail h4 {
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 10px;
}

.our-combo h2 {
    font-size: 40px;
    margin-bottom: 40px;
    letter-spacing: 0;
    position: relative;
    z-index: 1;
    font-weight: 400;
}

.our-combo h2::before {
    content: "";
    position: absolute;
    background: #e75a12;
    bottom: 2px;
    left: 0;
    width: 280px;
    height: 12px;
    z-index: -1;
}



.combo-detail ul li {
    list-style-type: disc;
    color: #ffffff;
    line-height: 26px;
}

.combo-detail ul {
    margin-left: 15px;
    margin-bottom: 30px;
}

.info-comb h4 {
    font-size: 40px;
    letter-spacing: -2px;
    line-height: 45px;
    margin-bottom: 0;
    font-weight: 400;
}

.info-comb h4 > span {
    font-size: 31px;
    line-height: 26px;
    font-weight: 400;
}

.info-comb h4 + p {
    color: #ffffff;
    font-size: 23px;
    letter-spacing: -1px;
    margin-bottom: 20px;
    position: relative;
    margin-top: 12px;
    z-index: 1;
}

.info-comb ul li {
    display: inline-block;
    padding: 0px 2px;
    vertical-align: baseline;
}

.info-comb ul li h5,.info-comb ul li h5 + a {
    font-size: 16px;
    margin-bottom: 0;
    color: #000000;
    font-weight: 500;
    padding: 4px 0px;
}

.info-comb ul li span::before {
    width: 50px;
    height: 50px;
    position: absolute;
    content: "";
    background: #2b1683;
    border-radius: 50%;
    z-index: -1;
    left: -14px;
    top: -12px;
}

.info-comb ul li span {
    position: relative;
}

.info-comb ul li:first-child h5,.info-comb ul li:first-child a {
    text-align: right;
}

.btn-purp {/* background: rgb(102,24,218); *//* background: linear-gradient(90deg, rgba(102,24,218,1) 0%, rgba(186,49,156,1) 100%) !important; */color: #fff !important;}

.combo-price .btn {
    padding: 12px 25px;
    font-size: 16px;
    margin: auto;
    display: table;
    position: relative;
    left: 20px;
    background: #e75a12;
    border-color: #e75a12;
    color: #fff;
    border-radius: 50px;
    color: white;
    padding: 10px 30px;
}

.combo-price h5 {
    font-size: 22px;
    text-align: left;
    margin-bottom: 0;
    text-decoration: line-through;
    font-weight: 400;
    margin-left: 85px;
}

.combo-price h3 {
    font-size: 94px;
    font-weight: 700;
    color: #000000;
    margin-bottom: 5px;
    text-align: left;
    letter-spacing: -7px;
    margin-left: 85px;
}

.combo-price {
    position: relative;
    margin-left: 0;
    margin-top: -30px;
}

.img-all {
    position: absolute;
    top: 30px;
    left: -10px;
}

.combo-price h3 > span {
    color: #000;
    font-size: 37px;
    font-weight: 500;
}


.info-combo::before {
    position: absolute;
    content: "";
    left: -80px;
    bottom: -90px;
    background: url("../images/combo-price/bg6.png") no-repeat;
    transform: skew(10deg, 2deg);
    max-width: 957px;
    height: 350px;
    width: 130%;
    background-size: cover;
}
.info-comb h4 + p::before {
    content: "";
    /* background: url(../images//combo-price/bg11.png) no-repeat; */
    max-width: 290px;
    height: 51px;
    position: absolute;
    left: -59px;
    top: -11px;
    width: 100%;
    background-size: 100%;
    z-index: -1;
}

.info-combo {
    margin-top: 87px;
}


.statisfaction-sec{
    background: #f6f7f8;
    
    padding:70px 0;
}
.statisfy-list ul {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.statisfy-list ul li {
    width: 25%;
}

.statisfy-list {
    width: 100%;
}

.why-choose-bx {
    text-align: center;
    position: relative;
    z-index: 1;
}
.why-choose-bx:before {
    content: '';
    background: url(../images/why-choose-sec/arrow-1.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 122px;
    height: 42px;
    position: absolute;
    top: -30px;
    left: 180px;
    filter: invert(1);
}
.why-choose-bx:after {
    content: '';
    background: url(../images/why-choose-sec/arrow-2.png);
    background-size: 88%;
    background-repeat: no-repeat;
    background-position: center;
    width: 122px;
    height: 42px;
    position: absolute;
    bottom: 38px;
    left: 180px;
    filter: invert(1);
}

.why-choose-bx h4 {
    color: #000;
    font-size: 18px;
    line-height: 25px;
    padding-top: 15px;
}

.why-icon {
    width: 150px;
    height: 150px;
    background: transparent;
    border: 1px solid #000;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 60%;
    text-align: center;
    margin: 0 auto;
}

.statisfaction-sec h5 {
    color: #000;
    position: relative;
    z-index: 1;
}
/* .statisfaction-sec h5::before {
    content: "";
    position: absolute;
    background: #e75a12;
    bottom: 2px;
    right: 110px;
    width: 180px;
    height: 12px;
    z-index: -1;
} */
.statisfy-list ul li.why-list-last .why-choose-bx:before {
    display: none;
}

.statisfaction-sec h5 span {
    color: #fff;
}

.statisfaction-sec p {
    color: #000;
    width: 100%;
    margin: 0 auto;
    line-height: 25px;
    min-height: auto;
}


.statisfy-list ul li:nth-child(even) {}

.statisfy-list ul li:nth-child(even) .why-choose-bx:before {
    display: none;
}

.statisfy-list ul li:nth-child(odd) .why-choose-bx:after {
    display: none;
}

.statisfy-list ul li:last-child .why-choose-bx:after {
    display: none;
}
.statisfaction-sec .cnt {
    padding-bottom: 60px;
}

.rated-tag {
    position: absolute;
    top: -80px;
    right: -95px;
}



.pack-sec.hme-pg-package-sec:before{
    display: none !important;
}
.bnr-img-st-anim{
    display: none !important; 
}
.why-icon img {
    filter: invert(1);
}





.hme-srv-box {
    padding: 14px 10px;
    border-radius: 5px;
    box-shadow: 1px 1px 10px 0px #00000000;
    margin: 8px 8px;
}

.slick-current .hme-srv-box, .hme-srv-box:hover {
    box-shadow: 0px 20px 40px 0px rgb(231 90 18 / 10%);
}

.slick-current .hme-srv-box h3,  .hme-srv-box:hover h3 {
    color: #e75a12;
}

.hme-serv-slider .slick-list {
    height: 520px !important;
}


.mascot-txt-st.lg-stripe {}

.mascot-txt-st.lg-stripe .stripe-title {
    color: #000;
}

.mascot-txt-st.lg-stripe .pg-logo img {filter: invert(1);}

.mascot-txt-st.lg-stripe .stripe-subtitle {
    color: #000;
}
section.logo-client-st-hme .row {
    align-items: center;
}

.cl-logo-box img {
    width: 70% !important;
    margin: 0 auto;
}


.hme-pg-package-sec .pack-heding p {
    width: 80%;
    margin: 0 auto;
}


.l-ser-mascot h5 {
    color: #fff !important;
}





.why-txt-inr-st {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-bottom: 10px;
}

section.statisfaction-sec .slick-current .hme-srv-box, section.statisfaction-sec .hme-srv-box:hover {
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 20px 40px 0px rgba(231, 90, 18, 0.1);
}

.why-txt-inr-st i {
    font-size: 35px;
    color: #e75a12;
}

.why-txt-inr-st h3 {
    padding-bottom: 0;
    padding-left: 15px;
    font-size: 24px;
}
.hme-srv-box.why-choose-box-st {
    padding-left: 20px;
    width: 85%;
}













































/*Navbar*/
.header_main_sec {
    /* position: absolute; */
    width: 100%;
    z-index: 9;
    /* background-color: rgba(0, 0, 0, 0); */
    padding: 13px 0;
}
.nav-main-div {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    padding: 0px;
    overflow: hidden;
}
.dropdown-btn {
    padding: 10px 0;
    text-decoration: none;
    font-size: 25px;
    color: #222;
    transition: 0.3s;
    font-weight: bold;
    border-bottom: 1px solid #cccccc;
    display: block;
    border: none;
    background: none;
    width: 100%;
    text-align: left;
    cursor: pointer;
    outline: none;
    border-bottom: 1px solid #cccccc;
}
button.dropdown-btn.active{
 border-bottom: 1px solid transparent;   
}
.dropdown-btn:hover .fa.fa-caret-down {
    color: #faaf40;
}
.nav-main-div .dropdown-btn.active i.fa.fa-caret-down {
    color: #faaf40;
}
i.fa.fa-caret-down {
    float: right;
    position: relative;
    top: 5px;
}
.nav-main-div  .dropdown-container a {
    color: #878787;
    font-size: 20px;
    font-weight: 500;
    line-height: 35px;
}

/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
.dropdown-container {
  display: none;
  padding-left: 60px;
}


#mySidenav.active {
    width: 1000px;
}
#mySidenav{
    width: 0px;
}


.nav-rt-div .form-control, .nav-rt-div .control-group input {
    background: transparent;
}
.nav-rt-div .cntct-frm-div-txt h3 {
    padding-left: 15px;
    padding-bottom: 20px;
    font-size: 20px;
}
.nav-rt-di .cntct-form-div label {
    background: #222 !important;
    color: #fff;
}

.nav-rt-di label {
    background: #222;
    color: #fff;
}

.nav-rt-div .cntct-form-div label {
    background: #1b1a1f;
    color: #fff;
}

.nav-lft-div {
    height: 100vh;
    background: #fff;
    /* padding: 10% 0 0 0; */
    vertical-align: middle;
    display: flex;
    width: 100%;
    align-items: center;
    /* justify-content: center; */
}

.nav-rt-div {
    height: 100vh;
    padding: 0;
    background: url(../images/nav-form-bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.nav-br {
    width: 100%;
    padding: 0 25px;
}

.nav-rt-div {}

.nav-rt-div .cntct-frm-div-txt {
    padding: 0;
    position: relative;
}
.nav-rt-div .cntct-frm-div-txt:after {
    content: '';
    background: url(../images/testi-bf.png);
    background-size: 50%;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: 25%;
    width: 152px;
    height: 135px;
    top: -50px;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation: asteroid 60s linear infinite;
    -moz-animation: asteroid 60s linear infinite;
    animation: asteroid 60s linear infinite;
}

.nav-rt-div .cntct-form-div {
    padding: 15px 20px;
    margin-left: 0;
    width: 80%;
    background: transparent;
}
span.butn-nav {
    float: right;
    border-radius: 60%;
    background: #faaf40;
    width: 50px;
    height: 50px;
    display: flex;
    font-size: 20px !important;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.header {
    margin: 0px;
    padding: 20px 30px;
    float: left;
    width: 100%;
    position: absolute;
    z-index:99;
}
.nav-rt-div .cntct-form-div label {
    background: #1b1a1f;
    color: #fff;
}

.sidenav {
  /* height: 100%; */
  width: 0;
  position: fixed;
  z-index: 999999;
  top: 0;
  right: 0;
  /* background-color: #fff; */
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 0;
}

.sidenav a {
  padding: 8px 0;
  text-decoration: none;
  font-size: 18px;
  color: #222;
  display: block;
  transition: 0.3s;
  font-weight: 600;
  border-bottom: 1px solid #cccccc;
  line-height: 25px;
  font-family: 'Mulish',sans-serif;
}

.sidenav a:hover {
  color: #e75a12;
  border-color: #e75a12;
}

.sidenav a.active {
  color: #faaf40;
}

.sidenav .closebtn {
  position: absolute;
  z-index: 3;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
  border-bottom: 0;
  color: #fff;
}




nav.navbar.navbar-default {
    background: transparent;
    border: none;
    margin: 0px;
}
.navbar-header a.navbar-brand {
    height: auto;
    padding: 0;
    line-height: normal;
}

.logo {
    margin: 0px;
    padding: 0px;
    float: left;
    width: auto;
}
ul.nav.navbar-nav li a{
    color: #fff;
}

/*Navbar End*/


.contact-form {
    padding: 50px 0 285px;
    position: relative;
    z-index:0;
}

.cntct-inner {
    position: relative;
    background: url(../images/contact-inner-img.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 40px;
    box-shadow: 0px 10px 50px 0px rgba(10, 2, 121, 0.3);
    border-radius: 14px;
    height: 400px;
    min-height: 400px;
}
.cntct-inner:after {
    content: '';
    position: absolute;
    right: -15%;
    top: -15%;
    background: url(../images/contact-form-af.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 297px;
    height: 297px;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation: asteroid 60s linear infinite;
    -moz-animation: asteroid 60s linear infinite;
    animation: asteroid 60s linear infinite;
}
.cntct-inner .detail p {
    color: #faaf40;
    text-transform: capitalize;
}

.cntct-inner .detail h5, .cntct-inner .detail a {
    color: #fff;
    font-weight: 400;
    text-decoration: none;
    line-height: 20px;
}

.contact-lft-txt h3 {
    color: #faaf40;
}

.cntct-inner .detail {
    padding: 30px 0;
}
.cntct-form-div .control-group input {
    width: 100%;
}
.cntct-form-div label {
    font-size: 12px;
    color: #222;
    font-weight: 400;
    position: relative;
    top: 8px;
    /* transform: translateY(25px); */
    margin-left: 10px;
    background: #fff;
    padding: 0 15px;
}
.cntct-form-div .control-group textarea {
    border: 1px solid #bbbbbb;
    padding: 13px 10px;
    height: 110px;
    color: #fff;
}
.cntct-form-div .control-group input {
    width: 100%;
    padding: 13px 10px;
    border: 1px solid #bbbbbb;
    border-radius: 4px;
    color: #fff;
}
.cntct-form-div {
    float: left;
    width: 100%;
    border-radius: 14px;
    padding: 30px 25px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 10px 50px 0px rgba(10, 2, 121, 0.3);
    position: relative;
    z-index:1;
}

.cntct-form-div .control-group {
    padding-bottom: 8px;
}

.cntct-form-div p {
    padding-left: 15px;
    color: #ffffff;
}

.cntct-frm-div-txt h3 {
    color: #e75a12;
    padding-bottom: 28px;
}
.cntct-form-div .btn.btn-order.submit-btn {
    border: 0;
    display: table;
    width: auto;
    padding: 15px 35px;
    border-radius: 24px;
    float: right;
    margin: 25px 0 0 0;
    background: #e75a12;
    color: #fff;
}


.cntct-form-div form {
    padding-top: 20px;
}

section.ble-sec.pad-tb {
    padding-top: 70px;
    padding-bottom: 20px;
}




.l-ser ul.pck-but li a {
    background: #e75a12;
    color: #fff;
    border-color: #e75a12;
}

.l-ser ul.pck-but li.last a {
    background: transparent;
    border-color: #fff;
}

.l-ser ul.pck-but li a:hover {
    background: transparent;
    border-color: #fff;
}

.l-ser ul.pck-but li.last a:hover {
    background: #e75a12;
    border-color: #e75a12;
}
.nav-drop-down {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: center;
    background: #e75a12;
    color: #fff;
    width: 28px;
    height: 28px;
    justify-content: center;
}

li.dropdown.dropdown-toggle.menu-ac.first {
    list-style: none;
}

li.dropdown.dropdown-toggle:after {
    display: none;
}

.nav-drop-down.active ~ ul#products-menu {
    display: block;
}
#products-menu {
    position: relative;
    width: 100%;
    border-right: 0;
    border-left: 0;
    border-top: 0;
    border-bottom: 0;
    padding-left: 40px;
    background: transparent;
    padding-bottom: 20px;
}
.nav-drop-down i {
    transform: rotate(0deg);
    transition: all .5s ease-in-out;
}

.nav-drop-down.active i {
    transform: rotate(180deg);
}

.ld-top .ld-h {
    text-align: center;
}

section.wdd-sec.pad-btm {
    padding: 70px 0;
}




.ftr-form-r-img a img {
    width: 100%;
}

.ftr-form-r-img a {
    width: 100%;
    height: 100%;
    background: transparent;
    position: relative;
}

.ftr-form-r-img a .ftr-form-img-txt {
    position: absolute;
    bottom: 50px;
    left: 40px;
}


.ftr-form-img-txt h4 span {
    display: block;
    font-size: 20px;
    font-weight: 400;
    color: #e75a12;
}

.ftr-form-img-txt h4 {
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    line-height: 35px;
}


.port-box.ftr-s-img-st {
    background: transparent;
    box-shadow: none;
    filter: drop-shadow(0px 16px 10px rgb(0 0 0 / 40%));
}

.port-box.ftr-s-img-st:hover .port-ctn {
    background: transparent;
}

.port-box.ftr-s-img-st .port-ctn {
    background: transparent !important;
    opacity: 1;
}

.port-box.ftr-s-img-st .port-ctn a {
    border-color: #fff;
    width: 80px;
    height: 80px;
}

.port-box.ftr-s-img-st .port-ctn a i {
    font-size: 30px;
    color: #fff;
}

.port-box.ftr-s-img-st img {
    width: 90%;
    margin: 0 auto;
    display: table;
}


.port-box.ftr-s-img-st h4 {
    position: absolute;
    bottom: 40px;
    left: 60px;
    color: #e75a12;
    font-size: 20px;
    font-weight: 400;
}

.port-box.ftr-s-img-st h4 span {
    display: block;
    color: #fff;
    font-size: 40px;
    font-weight: bold;
    width: 90%;
    padding-top: 7px;
}


section.port-sec {
    padding: 70px 0;
}


section.priv-sec {
    padding: 95px 0 70px !important;
}

section.priv-sec h5 {
    font-size: 24px;
    font-weight: 600;
}

section.priv-sec p {
    font-size: 17px;
    font-weight: 400;
}




main .header-container.inner-serv-banner-st {
    height: max-content;
}

main .header-container.inner-serv-banner-st .homebanner-st {
    height: 850px;
}




.inr-new-port-list ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.inr-new-port-list ul li {
    width: 25%;
    padding: 5px;
}

.inr-new-port-list ul li img {
    width: 100%;
    border-radius: 8px;
}


.inr-new-port-list ul li .inr-n-port-box {
    overflow: hidden;
    position: relative;
    box-shadow: 0px 0px 15px 2px #00000000;
    border-radius: 8px;
    transform: scale(1);
    transition: all .5s ease-in-out;
    cursor: pointer;
}

.inr-new-port-list ul li .inr-n-port-box .btn-a {
    position: absolute;
    bottom: 0;
    left: 0;
    top: 300px;
    right: 0;
    margin: auto;
    display: table;
    transition: all .5s ease-in-out;
    z-index: 2;
}

.inr-new-port-list ul li .inr-n-port-box:hover a.btn-a {
    transition: all .5s ease-in-out;
    top: 0;
}


.overlay-port-new {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    background: #00000052;
    border-radius: 8px;
    z-index: 1;
    transform: scaleY(0);
    transition: all .4s ease-in-out;
}

.inr-new-port-list ul li .inr-n-port-box:hover .overlay-port-new {
    transform: scaleY(1);
}

.inr-new-port-list ul li .inr-n-port-box:hover {
    box-shadow: 0px 0px 15px 2px #00000047;
    transform: scale(1.02);
}




#home_stripes .stripe-bg-img video {
    height: 100vh;
}


li.ribin-wrpitem .ribin {
    width: auto !important;
}



.ftr-form-vid {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 93%;
}

.ftr-s-img-st {
    position: relative;
    overflow: hidden;
}

.ftr-s-img-st img {
    position: relative;
    z-index: 1;
    width: 100%;
}

.ftr-form-vid video {
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 40px;
}


a.navbar-brand img {
    width: 200px;
}

.why-sec-list ul {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.why-choose-bx-new h4 {
    font-size: 22px;
    color: #000;
    font-weight: 600;
    padding: 15px 0 10px;
}
.why-choose-bx-new img {
    border-radius: 8px;
    filter: invert(1);
}




.illu-tab-new-sec {
    padding: 70px 0;
    background: url(../images/video-type/illus-tab-sec-bg.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.illus-tab-rht-slider .slick-slide {}

.illus-tab-rht-slider .slick-list.draggable {
    width: 170%;
}

.new-illus-tab-img-st img {
    width: 100%;
    padding: 0 10px;
}

.new-port-hme .port-img img {
    /* height: 240px; */
    min-height: 240px;
    border-radius: 5px;
    height: auto;
}

.new-port-hme .port-nav ul.nav-tabs {border: 0;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}

.new-port-hme .port-nav ul.nav-tabs li a {
    border: 0 !important;
    color: #000;
    font-size: 17px;
    font-weight: 600;
    background: transparent !important;
}

.new-port-hme .port-nav ul.nav-tabs li {
    margin-top: 10px;
}

.new-port-hme .port-nav ul.nav-tabs li a:hover, .new-port-hme .port-nav ul.nav-tabs li.active a {
    color: #fa690c;
}

.illu-tab-new-sec .illus-tab-li ul {
    padding-left: 0;
    padding-top: 20px;
}


.illu-tab-new-sec .hd-txt h2 {
    font-size: 40px;
    font-weight: 400;
    padding-bottom: 20px;
    line-height: 44px;
}

.illu-tab-new-sec .hd-txt p {
    font-size: 14px;
    font-weight: 400;
}

.illu-tab-new-sec .hd-txt {
    padding-bottom: 30px;
}

.illus-tab-txt h2 {
    font-size: 32px;
    font-weight: 400;
    padding-bottom: 15px;
}

.illus-tab-txt p {
    font-size: 14px;
    line-height: 25px;
}

.illus-tab-li ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.illus-tab-li ul li {
    width: 50%;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
}


.illus-tab-li ul li i {
    color: #e75a12;
}

.illu-tab-new-sec .row {
    align-items: center;
}


.btn-div ul.pck-but>li>a {
    background: #ed4d0f;
    color: #fff;
    border: 1px solid #ed4d0f;
}

.btn-div ul.pck-but>li.last a {
    background: #fff;
    color: #000;
    border: 1px solid #ed4d0f;
}

.btn-div ul.pck-but>li>a:hover {
    background: transparent;
    color: #000;
}

.btn-div ul.pck-but>li.last a:hover {
    background: #ed4d0f;
    color: #fff;
}


.stripe .stripe-content .go {
    display: flex;
    align-items: center;
    justify-content: center;
}

.stripe .stripe-content .go {
    font-size: 20px;
    color: #fff;
    padding-top: 25px;
}




.portfolio-hme .btn-cover {
    display: table;
    margin: 0 auto;
    width: auto;
}


.port-inr-div.active {
    display: block !important;
}


[class^=boxx-] {
    display: none
}

[class^=boxx-].showfirst{
    display: block
}




section.portfolio-hme ul#toplevel {
    justify-content: center;
    margin: 30px 0 20px;
}

section.portfolio-hme ul#toplevel li a {
    font-size: 20px;
    margin: 0 5px;
    background: transparent;
    padding: 8px 30px;
    color: #fff;
    position: relative;
    text-transform: uppercase;
}

section.portfolio-hme ul#toplevel li a:after {
    width: 0;
    height: 2px;
    background: #38a524;
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    transition: width .3s;
    top: 0;
    margin: auto;
    transition: all .9s ease;
}

section.portfolio-hme ul#toplevel li a:hover::after {
    width: 100%;
    transition: all .9s ease;
}

section.portfolio-hme ul#toplevel li a.current:after {}

section.portfolio-hme ul#toplevel li.active a:after {
    width: 100%;
    transition: all .9s ease;
}







.stationary-s-img img {
    width: 100%;
}

section.stationary-about-sec .row {
    align-items: center;
}

.stationary-about-sec {
    padding: 70px 0;
    background: url(../images/stationary-pg/about-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

section.website-about-sec .row {
    align-items: center;
}

.website-about-sec {
    padding: 70px 0;
    background: url(../images/website-design/about-web-img.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 600px;
    display: flex;
    align-items: center;
}


.package-boxes ul.new-pck-main-ul {
    /* display: flex; */
    /* flex-wrap: wrap; */
    /* border: 1px solid #c9c9c9; */
    height: auto;
}

.package-boxes ul.new-pck-main-ul li {
    width: 20%;
}

.package-boxes .package-new-box ul li {
    width: 100%;
}


.package-boxes ul.new-pck-main-ul ul {
}

.package-boxes ul.new-pck-main-ul .package-new-box {
    border-right: 1px solid #c9c9c9;
    position: relative;
    transition: all .5s ease-in-out;
}

.pack-btn-pop {
    border-bottom: 1px solid #c9c9c9;
    text-align: center;
    padding: 12px 20px;
}

.packge-amount-list {
    padding: 20px 20px;
}

.packge-amount-list h2 {
    text-align: center;
    font-size: 40px;
    font-weight: bold;
    color: #000;
}

.packge-amount-list strike {
    text-align: center;
    display: table;
    width: 100%;
    font-size: 16px;
    color: #929292;
}

.packge-amount-list ul li {
    line-height: 25px;
    font-size: 15px;
    color: #000;
    font-weight: 400;
}

.packge-feature {
    text-align: center;
    padding: 15px 0;
}

.packge-feature p {
    padding-top: 5px;
    font-size: 16px;
    font-weight: 600;
}

.packge-feature {}

.package-numbr {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    transition: all .5s ease-in-out;
}

.package-numbr a {
    color: #000;
}

.pack-new-btn {
    border-radius: 26px;
    background-color: rgb(64, 191, 72);
    box-shadow: 0px 15px 20px 0px rgba(64, 191, 72, 0.2);
    padding: 15px 30px;
    color: #fff;
    display: table;
    margin: 0 auto;
}

.pack-btn-pop h4 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 0;
    transition: all .5s ease-in-out;
}

.package-boxes ul.new-pck-main-ul li:hover {
    /* transform: scale(1.1); */
}

.package-boxes ul.new-pck-main-ul .package-new-box:before {
    content: '';
    background: #fff;
    position: absolute;
    top: -40px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    height: 115%;
    width: 100%;
    border-radius: 5px;
    background-color: rgba(255, 255, 255, 0);
    box-shadow: 1px 2px 40px 0px rgb(0 0 0 / 10%);
    transform: scaleX(0);
    transition: all .5s ease-in-out;
}

.package-boxes ul.new-pck-main-ul .package-new-box:hover::before {
    transform: scaleX(1);
}

.package-boxes ul.new-pck-main-ul .package-new-box:hover .pack-btn-pop h4 {
    top: -30px;
    opacity: 1;
}



.package-boxes ul.new-pck-main-ul .package-new-box:hover .package-numbr {
    opacity: 1;
    bottom: -30px;
}



.package-boxes {
    width: 80%;
    margin: 0 auto;
    height: auto;
}


.package-boxes ul.new-pck-main-ul ul.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.package-boxes ul.new-pck-main-ul ul.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.package-boxes ul.new-pck-main-ul ul.slick-dots li button:before {
    content: '•';
    font-size: 40px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    text-align: center;
    opacity: 1;
    color: black;
}



.package-boxes ul .slick-dots li.slick-active {}

.package-boxes .slick-dots li.slick-active button:before {
    color: red !important;
    opacity: 1;
}

.package-boxes ul.new-pck-main-ul ul.slick-dots {
    display: table;
    margin: 0 auto;
    margin-bottom: -20px;
    position: relative;
    bottom: -15px;
}

.package-sec-new {padding: 70px 0;}

.package-sec-new .slick-list.draggable {
    padding: 50px 4px 60px;
    /* margin: 40px 0; */
    height: 600px;
}

.package-boxes ul.new-pck-main-ul li.slick-slide {
    border-top: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9;
    height: auto;
}

.package-boxes ul.new-pck-main-ul li.slick-slide:first-child {
    border-left: 1px solid #c9c9c9;
}


.package-boxes ul.new-pck-main-ul li.pack-clr-2 .pack-btn-pop a {
    background: #9a5cb4;
    box-shadow: 0px 15px 20px 0px rgba(154, 92, 180, 0.2);
    }

.package-boxes ul.new-pck-main-ul li.pack-clr-2 .packge-amount-list li i {
    color: #9a5cb4;
}

.package-boxes ul.new-pck-main-ul li.pack-clr-2 .package-new-box:before {
    box-shadow: 1px 3px 20px 0px rgb(154 92 180 / 20%);
}


.package-boxes ul.new-pck-main-ul li.pack-clr-3 .pack-btn-pop a {
     background-color: rgb(32, 197, 187);
        box-shadow: 1px 3px 20px 0px rgba(32, 197, 187, 0.2);
    }

.package-boxes ul.new-pck-main-ul li.pack-clr-3 .packge-amount-list li i {
    color: rgb(32, 197, 187);
}

.package-boxes ul.new-pck-main-ul li.pack-clr-3 .package-new-box:before {
    box-shadow: 1px 3px 20px 0px rgba(32, 197, 187, 0.2);
}




.package-boxes ul.new-pck-main-ul li.pack-clr-4 .pack-btn-pop a {
        background-color: rgb(231, 74, 96);
        box-shadow: 1px 3px 20px 0px rgba(231, 74, 96, 0.22);
    }

.package-boxes ul.new-pck-main-ul li.pack-clr-4 .packge-amount-list li i {
    color: rgb(231, 74, 96);
}

.package-boxes ul.new-pck-main-ul li.pack-clr-4 .package-new-box:before {
    box-shadow: 1px 3px 20px 0px rgba(231, 74, 96, 0.22);
}



.package-boxes ul.new-pck-main-ul li.pack-clr-5 .pack-btn-pop a {
    background-color: rgb(24, 148, 206);
    box-shadow:1px 3px 20px 0px rgba(24, 148, 206, 0.1);
}

.package-boxes ul.new-pck-main-ul li.pack-clr-5 .packge-amount-list li i {
    color: rgb(24, 148, 206);
}

.package-boxes ul.new-pck-main-ul li.pack-clr-5 .package-new-box:before {
    box-shadow: 1px 3px 20px 0px rgba(24, 148, 206, 0.1);
}



.package-boxes .package-new-box ul li i {
    margin-right: 4px;
    color: #40bf48;
}


.stationary-iner-sec {
    padding: 50px 0;
    background: #f7f7f7;
}

.stationary-iner-sec .row {
    display: flex;
    align-items: center;
}


.web-professional {
    background: url(../images/website-design/web-personal-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 70px 0;
}

.web-prof-list ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.web-prof-list ul li {
    width: 25%;
}

section.web-professional .row {
    justify-content: center;
}

.web-profs-list-bx {
    text-align: center;
    border-radius: 5px;
    background: #fff;
    padding: 25px 0;
    margin: 0 20px 20px;
}

.web-profs-list-bx h4 {
    font-size: 17px;
    font-weight: 600;
    color: #000;
    padding-top: 15px;
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}



.web-profs-list-bx:hover {
    background: #43a239;
}

.web-profs-list-bx:hover img {
    filter: brightness(100);
}

.web-profs-list-bx:hover h4 {
    color: #fff;
}

.cta-sec-web{
    background: url(../images/website-design/cta-bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 50px 0;
}

.cta-sec-web h5, .cta-sec-web p {
    color: #fff;
}

.cta-web-img img {
    width: 80%;
    margin: 0 auto;
    display: table;
}

.cta-sec-web .row {
    align-items: center;
}





section.digital-mrk-about-sec .row {
    align-items: center;
}

.digital-mrk-about-sec {
    padding: 70px 0;
    background: url(../images/digital-marketing/about-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    align-items: center;
}

.digital-mrk-about-sec img {
    width: 100%;
}


.digital-markt-sec{
    background: url(../images/digital-marketing/digital-mrkt-bg-professional.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding:50px 0;
}

.digital-box {
    padding: 20px 20px;
    background: #f2f2f2;
    border-radius: 5px;
    box-shadow: 0px 14px 40px 0px rgb(0 0 0 / 0%);
    transition: all .5s ease-in-out;
}

.digital-box h4 {
    font-size: 18px;
    padding: 13px 0;
    font-weight: 600;
    color: 3000;
}

.digital-box p {
    font-size: 15px;
    line-height: 19px;
}

.digital-box:hover {
    box-shadow: 0px 14px 40px 0px rgb(0 0 0 / 13%);
    background: #fff;
}

.digital-social-prof .web-prof-list {
    width: 100%;
}

.digital-social-prof .web-prof-list .digital-box {
    background: #fff;
    text-align: center;
    margin: 10px 5px 10px 5px;
}

.digital-social-prof .web-prof-list .digital-box:hover {
    background: #41a834;
}

.digital-social-prof .web-prof-list .digital-box:hover img {
    filter: invert(1);
}

.digital-social-prof .web-prof-list .digital-box:hover h4 {
    color: #fff;
}