@charset "utf-8";
/* type your own CSS Document */
/*fonts */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;700;800&display=swap');

*{padding: 0;margin: 0;}
h1,h2,h3,h4,h5,h6,th {transition: 0.6s;box-sizing: border-box;text-transform: none;letter-spacing: 1px;font-family: 'Manrope', sans-serif;font-weight:800;}
.heads {font-family: 'Manrope', sans-serif;}
.texts {font-family: 'Manrope', sans-serif;}
.mainHeads{}
p,a,div,span,li,div,section,table,td,input,textarea {font-family: 'Manrope', sans-serif;}
a{transition: 0.5s;text-decoration: none;}
.row{margin-left:0!important;margin-right:0!important;}
a:hover,a:active,a:focus {text-decoration: none !important;}
p{font-size: 18px;line-height: 35px;margin-top: 20px; letter-spacing: 0.5px;}
.fw1 {font-weight: 100;}.fw2 {font-weight: 200;}.fw4 {font-weight: 400;}.fw6 {font-weight: 600;}.fw7 {font-weight: 700;}.fw8{font-weight: 800;}.fw9{font-weight: 900;}.vam{vertical-align: middle;}.vat{vertical-align: top;}.vab{vertical-align: bottom;}
.z0{z-index: 0;}.z1{z-index: 1;}.z2{z-index: 2;}

body, html {position: relative;overflow-x: hidden;width:100%;}
.screenHeight {}.screenHeight75 {}
.nopadd {padding: 0px;}.nomarg {margin: 0px;}.clear {clear: both;}.cursorPointer{cursor: pointer;}.centered {margin-left: auto;margin-right: auto;}li {list-style: none;}
.js_same_height_parent {}.js_same_height_child {}.colorRed{color: #E50019;}.colorDark{color:#000;}
.headcolorblue{coblogdetailcarry lor: #0460AF;}
.mainBanner{background: #0460AF;}
@media screen and ( min-height: 1120px ) {.mainBanner{height:800px!important;} }
.carrierBlock{width: 100%;max-width: 2000px;}

.menulogoheader{z-index: 10;left: 0;right: 0;margin: auto;top:30px;transition: 0.5s;}
.menulogoheader.active{width: 100%;padding: 5px 20px;top: 0;background: #0460AF;}
.menulogoheader.active .logoanchor{max-width: 100px;}
.menulogoheader .logoanchor{width:30%;max-width: 150px;transition: 0.8s;}
.menulogoheader .navigations{text-align: right;}
.menulogoheader .navigations a{color: #0460AF;background: #fff;text-transform: uppercase;font-size: 16px;padding: 6px 15px;font-weight: 500;}
.navigations .menubars{width: 35px;margin-top: 8px;cursor: pointer;margin-left: 15px;height: 30px;}
.navigations .menubars .bar{background: #fff;width: 100%;height: 3px;border-radius: 28px;top: 0;left: 0;transform-origin: center;}
.navigations .menubars .bar.a{top: 0px;transition: 0.5s ease-in;}
.navigations .menubars .bar.b{top: 10px;transition: 0.8s;}
.navigations .menubars .bar.c{top: 20px;transition: 0.5s ease-out;}
.navigations .menubars:hover .bar.a{ttop: 10px;}
.navigations .menubars:hover .bar.b{opacity: 0;left: 5px;}
.navigations .menubars:hover .bar.c{;top: 10px;}
.sayhelloBut #eye-left{animation: eyeblink 4s infinite ease-in-out;}
@keyframes eyeblink{
    0%{opacity: 0;}10%{opacity: 1;}
    20%{opacity: 1;}30%{opacity: 1;}
    40%{opacity: 1;}50%{opacity: 0;}
    60%{opacity: 1;}70%{opacity: 1;}
    80%{opacity: 0;}90%{opacity: 1;}
    100%{opacity: 0;}
}
.sayhelloBut{perspective: 250px;}
.sayhelloBut #lip{transition: 0.4s;transform: translateY(6px);transform-origin: left;}
.sayhelloBut:hover #lip{transform: translateY(6px) translateX(4px);}

.socialmediabanner{width: 18px;top: 38%;left: 30px;z-index: 5;}
.socialmediabanner a{width: 22px;height: 22px;display: inline-block;color: #fff;}

.herotextCarry{color: #fff;margin: 15% 0 0 15%;}
.herotextCarry a{color: #0460AF;background: #fff;font-weight: 500;padding: 8px 25px;border-radius: 20px;margin: 10px 0 0 0;}
.herotextCarry p{font-size: 15px;font-weight: 500;opacity: 0.7;position: absolute;right: 0;top: 100%;}
.birdBig{right: 15%;top: 25%;width: 25%;max-width: 420px;}
.butterfly-topleft{width:10%;top: 15%;right: 42%;max-width:130px;}
.butterfly-bottomright{width:4%;top: 40%;right: 12%;transform: rotate(50deg);}
.tortoise{bottom: 0;width: 10%;max-width: 100px;animation: 220s linear tortomove infinite;cursor: pointer;transition: 0.1s ease;z-index: 1;}
.tortoise path, .tortoise circle{stroke: none;}
.tortoise #leg-1{animation: 5s tortoleg linear infinite;transform-origin: center;}
.tortoise #leg-4{animation: 5s tortoleg2 linear infinite;transform-origin: top;}
.tortoise #head{animation: 4s tortohead linear infinite;transform-origin: center;transition: 0.2s;}
.tortoise:hover #head{opacity: 0;animation-play-state: paused;}
.tortoise:hover #head, .tortoise:hover #leg-4, .tortoise:hover #leg-1{animation-play-state: paused;opacity: 0;}
.tortoise:hover{transform: translateY(10px);animation-play-state: paused;}
@keyframes tortohead{
    0%{transform: translateX(0px);}
    50%{transform:  translateX(-2px);}
    100%{transform:  translateX(0px);}
}
@keyframes tortoleg{
    0%{transform: rotate(-0.5deg);}
    50%{transform: rotate(0.7deg);}
    100%{transform: rotate(-0.5deg);}
}
@keyframes tortoleg2{
    0%{transform: rotate(0.5deg);}
    50%{transform: rotate(-0.5deg);}
    100%{transform: rotate(0.5deg);}
}
@keyframes tortomove{
    0%{left: 0%;}
    100%{left:100%;}
}
.bigplant{width: 10%;right: 30%;bottom: 0;max-width: 117px;z-index: 2;}
.smallplant{width: 4%;right: 10%;bottom: 0;max-width: 80px;z-index: 0;}
.Menus{top: 150px;right: 5%;z-index: 5;}
.Menus a{font-weight: 500;color: #fff;letter-spacing: 1px;margin-bottom: 4px;position:relative;}
.Menus a.active:after{width: 16px;height: 4px;background: #35A4F6;left: -28px;top: 11px;position: absolute;content: "";}

.homeworkBlock{margin-top: 80px;max-width: 2000px;}
.homeworkBlock .mainman{width: 40%;}
.homeworkBlock .text{margin-top: 20%;}
.homeworkBlock .text h2{color: #0460AF;font-size: 40px;}
.homeworkBlock .animsvg .birdfill{left: 15%;width: 10%;top: 32%;}
.homeworkBlock .animsvg .big.righttop{width:60px;border-radius: 50%;background: #0460AF;height: 60px;top: 45%;right: 8%;}
.homeworkBlock .animsvg .small.rightbottom{width:30px;border-radius: 50%;background: #0460AF;height: 30px;bottom: 20%;right: 20%;}
.homeworkBlock .animsvg .small.lefttop{width:30px;border-radius: 50%;background: #0460AF;height: 30px;top: 20%;left: 25%;}
.homeworkBlock .animsvg .big.leftbottom{width:40px;border-radius: 50%;background: #0460AF;height: 40px;bottom: 24%;left: 22%;}
.homeworkBlock .workcarry{margin-top: 100px;}
.workcarry p{margin-bottom:25px;}
.workcarry .seeworkBut{color:#666;margin-top:20px;}

.homeaboutblockcarry{margin-top: 140px;max-width: 2000px;}
.homeaboutblockcarry .headtext h2{color: #0460AF;font-size: 35px;}
.homeaboutblockcarry .textmainblock{margin-top: 20%;}
.homeaboutblockcarry .birdfill{top: 0;right: -13%;transform: rotateY(150deg);}
.homeaboutblockcarry .big.lefttop{width:30px;border-radius: 50%;background: #0460AF;height: 30px;top: 10%;left: 10%;}
.homeaboutblockcarry .big.rightbottom{width:10px;border-radius: 50%;background: #0460AF;height: 10px;bottom: 25%;right: 10%;}
.clientsatisfCarry h3{font-size: 55px;color: #5F9CCF;}
.clientsatisfCarry p{font-size: 17px;color: #212122;}

.contactHomeBlock{margin-top: 160px;max-width: 2000px;}
.contactHomeBlock h2{font-size: 40px;color: #0460AF;}
.contactHomeBlock h4{color: #333;font-weight: 500;letter-spacing: 0px;}
.contactHomeBlock h4 a{color: #333;}
.contactHomeBlock .big.lefttop{width:20px;border-radius: 50%;background: #0460AF;height: 20px;bottom: 12%;left: -5%;}
.contactHomeBlock .big.rightbottom{width:30px;border-radius: 50%;background: #0460AF;height: 30px;top: 12%;right: -5%;}
.contactHomeBlock .kiliwithman{width: 120px;transform: rotateY(-180deg) rotate(-10deg);left:45%;top: 11%;z-index: 1;}

.botmfooter{padding: 5px 0 15px 0;font-size:14px;color:#999;}

.fixedmenu{width: 0%;height:100%;background: #0460AF;top: 0;right: 0;z-index: 10;overflow: hidden;transition: 0.4s;}
.fixedmenu.active{width: 100%;}
.fixedmenu .spiralfixed{margin-top: 15%;}
.fixedmenu .spiralfixed svg{opacity: 0.2;}
.fixedmenu .sprlblk{transition: 1s ease-in;opacity: 0;}
.fixedmenu .spiralfixed path{fill: #fff;}
.fixedmenu .moremenus .moremenublock{margin-top: 28%;}
.fixedmenu .moremenus{transition: 0.8s ease-in;opacity: 0;}
.fixedmenu.active .moremenus, .fixedmenu.active .sprlblk{opacity: 1;}
.fixedmenu .moremenus a{color: #fff;font-size: 28px;margin-bottom: 5px;letter-spacing: 1px;}
.closeresmenu{font-size: 30px;right: 20px;top: 20px;cursor: pointer;color: #fff;z-index: 52;}
.tagsserv{line-height: 35px;font-style: italic;font-style: 18px;font-weight: 500;}

.subpagebannercomn{height: 60vh;overflow: hidden;max-height: 350px!important;}
.subpagebannercomn h2, .subpagebannercomn h1{color: #fff;top: 50%;margin: auto;z-index: 1;left: 50%;transform: translate(-50%, -50%);font-size:28px;}
.spiralrotatesubpage{width: 25%;left: 50%;;z-index: 0;opacity: 0.2;top: 50%;transform: translate(-50%, -50%);}
.spiralrotatesubpage svg path{fill:#fff;}
.spiralrotatesubpage svg .st2{opacity: 1;}

.firstaboutblk{margin-top: 120px;max-width: 2000px;}
.firstaboutblk .abtimgbird{width: 180px;}

.abtblktwo{margin-top: 80px;max-width: 2000px;}
.abtblktwo .blks img{width: 80px;}

.howwework{padding: 5% 45px;margin-top: 100px;max-width: 2000px;}
.howwework p{color: #333;}
.howwework h2{font-size: 40px;color: #0460AF;}
.howwework .circle.a{width: 30px;height: 30px;background: #fff;border-radius: 50%;left: 30%;top: 25%;}
.howwework .circle.b{width: 10px;height: 10px;background: #fff;border-radius: 50%;right: 40%;bottom: 10%;}
.howwework .howimage{margin-top: 18%;width:100%;}
.howwework .howimage svg{position: relative;z-index: 5;}
.lifeatblk{border-radius: 6px;margin-top: 100px;max-width: 2000px;}
.lifeatblk a{background: #0460AF;color: #fff;font-weight: 400;padding: 5px 20px;margin:25px 0 0 25px;border-radius: 25px;z-index:3;font-size:20px;}
.howwework .howimage:after{position:absolute;width: 125%;height: 200%;background: #0460AF;left:-18%;top: -50%;border-radius: 50%;content: ""; animation: homeworkbgrotate linear 40s infinite;}
.howwework .howimage:before{position:absolute;width: 120%;height: 190%;background: #0460AF;left:-18%;top: -40%;border-radius: 50%;content: ""; animation: homeworkbgrotateback linear 50s infinite;}
@keyframes homeworkbgrotate{
    0%{transform: rotate(0deg);}
    100%{transform: rotate(360deg);}
}
@keyframes homeworkbgrotateback{
    0%{transform: rotate(0deg);}
    100%{transform: rotate(-360deg);}
}

.clientabtblk{margin: 120px auto;background: #E5F3FF;padding: 150px 0;}
.clientabtblk .blocksmainclient{max-width: 2000px;}
.blocksmainclient .col-lg-10 img{border-radius:5px;}

.servbtmcount{padding: 120px 0;max-width: 2000px;}
.servbtmcount:after{width: 400px;height: 400px;background:#0460AF;border-radius: 50%;left: 20%;margin: auto;position: absolute;content: "";top: 0;z-index: 0;opacity: 0.2;}
.clientsatisfCarry h3, .clientsatisfCarry p{text-shadow: 0px 0px 1px #002E55;}
/* .clientsatisfCarry p:after{position:absolute;content: "";background:#5F9CCF;width: 20%;height: 4px;left: 0;bottom: -10px;} */
.servheads{margin-top: 100px;max-width: 2000px;}
.servicecarryBlk{margin-top: 80px;max-width: 2000px;}
.servicecarryBlk svg{width: 120px;}
.servicecarryBlk h3{color:#333;}
.servicecarryBlk p{color: #666;}
.servheads .circle{width:40px;height: 40px;background:#0460AF;right: 20%;bottom: 0;border-radius: 50%;}
.servicecarryBlk .circle.a{width: 30px;height: 30px;background:#0460AF;right: 50%;bottom: 40%;border-radius: 50%;}
.servicecarryBlk .circle.a{width: 20px;height: 20px;background:#0460AF;right: 10%;bottom:-35px;border-radius: 50%;}
.servbtmcount{margin-top: 100px;}
.servbtmcount .butterfly.a{width: 50px;background:#0460AF;left: 0%;bottom:48%;border-radius: 50%;}
.servicecarryBlk .butterfly svg path, .servicecarryBlk .butterfly svg rect, .servicecarryBlk .butterfly svg circle{fill:#0460AF!important;stroke:none;}
.servicecarryBlk .butterfly.a{width: 50px;transform: rotate(60deg);}
.servicecarryBlk .butterfly.b{width: 80px;right: 0%;top: 4%;}

.filterworkscary span{margin: 0 8px;cursor: pointer;border: 1px #ddd solid;padding: 5px 15px;border-radius: 14px;color: #333;vertical-align: middle;}
.filterworkscary span.active{background:#0460AF;color: #fff;border: 1px #0460AF solid;}
.workcarry{max-width: 2000px;}
.workcarry a h5{color: #000;}
.workcarry a p{color: #666;line-height: 20px;}
.workcarry a.hide{display: none;}
.filterworkscary span.allworks{transition: 0.4s;width: 0px;padding: 5px 0px;overflow: hidden;border: 0px #ddd solid;}
.filterworkscary span.allworks.show{width: 40px;height: 40px; border: 1px #ddd solid;border-radius: 50%;padding-top: 9px!important;color: #0460AF;}
.wrkdetailscarry h2{line-height: 24px;}
.subpagebannercomn h2 span{font-size: 14px;}
.wrkdetailsimage, .morework{max-width: 1200px;}
.wrkdetailsimage .col-12{margin-top:8px;border-radius:6px;overflow:hidden;padding:0;}
.morework{margin-top: 100px!important;}
.morework a.but{border: 1px #ccc solid;border-radius: 20px;width: 150px!important;padding: 6px;margin-left: auto;margin-right: auto;}

.firstcareerblk{max-width: 2000px;}
.firstcareerblk .abtimgbird .fillbirdanim{transform: rotateY(180deg);}

.firstcareerblk{margin-top: 80px;}
.whatbenfcarre{margin-top: 80px;max-width: 2000px;}
.carrewbimg path, .carrewbimg rect{stroke: none;}

.comnpagefirsthead{font-size: 40px;}

.careerblockcarry{margin-bottom: 55px;max-width: 2000px;}
.careerblockcarry .blks{border: 1px #ccc solid;border-radius: 20px;padding: 30px 25px 0 25px;background:#fff;}
.careerblockcarry .contents{padding: 0px 0;border-top: 1px #ccc solid;}
.careerblockcarry h4{font-size: 20px;color: #333;}
.careerblockcarry p{color: #999;}
.careerblockcarry .contents{margin-top: 20px;font-size: 14px;}

.careerblockcarry{margin-top: 70px;}
.careerform{border: 1px #ccc solid;border-radius: 20px;margin-top: 80px;padding: 50px 30px;}
.inputcomn{border: 0;border-bottom: 1px #666 solid;padding: 8px 0;width: 100%;}
.inputcomntxtarea{border: 0;border-bottom: 1px #666 solid;padding: 8px 0;width: 100%;height: 100px;resize: none;}
.inputcomnsub{background:#0460AF;color: #fff;border: 0;padding: 10px 34px;font-size: 18px;text-transform: uppercase;margin-top: 15px;border-radius: 40px;}
.bloks h4{color: #666;margin-top: 15px;}
.datestab{color: #999;}

.blogcarry{max-width: 2000px;}
.blogcarry .bloks{margin-top: 100px;}
.pageidenfier{font-size: 15px;padding-bottom: 10px;letter-spacing: 10px;opacity: 0.6;}
.locationblk .icon{font-size: 25px;color: #fff;background: #0460AF;border-radius: 50%;width: 40px;height: 40px;overflow: hidden;text-align: center;padding-top: 5px;margin-right: 5px;}
.locationblk p{line-height:28px;}
.locationblk a{font-weight:500;}

.maincontactblock{margin-top: 80px;max-width: 2000px;}
.locationblk a{font-size: 18px;color: #333;}

.mapForm{margin-top: 120px;max-width: 2000px;}
.mapForm .textinput{width: 90%;border: 0;border-bottom: 1px #ccc solid;font-size: 16px;padding: 8px 0;z-index: 1;position: relative;background: none;outline: none;}
.mapForm .textareainput{width: 90%;border: 0;border-bottom: 1px #ccc solid;font-size: 16px;padding: 8px 0;height: 80px;resize: none;z-index: 1;position: relative;background: none;outline: none;}
.mapForm .map {border-radius: 10px;overflow: hidden;}
.mapForm .map iframe{width: 100%;height: 100%;}
.mapForm .textsubmit{padding: 12px 25px;text-align: center;font-size: 16px;text-transform: uppercase;letter-spacing: 2px;background: #0460AF;color: #fff;border: 0;margin-top: 20px;cursor: pointer;border-radius: 4px;z-index: 1;position: relative;}
.mapForm .textsubmit:after{background: #36BFA3;position: absolute;content: "ok";left: 0;top: 0;text-transform: uppercase;width: 100%;height: 100%;}
.mapForm .form .bgblock{width: 250px;height: 250px;background: #D1EAFF;border-radius: 50%;top: 0;left: 5%;z-index: 0;}
.mapForm .form h5{z-index: 1;}
.subpageHeadsSubpages br{display: none;}
.blogdetailcarry{max-width: 2000px;}
.blogdetailcarry img{max-width:100%;border-radius:8px;}
.blogdetailcarry ul, .blogdetailcarry ol{padding-left:0px;}
.blogdetailcarry ul li, .blogdetailcarry ol li{font-size:18px;line-height:35px;}

.bigscreenprotector{width: 100%;max-width: 1300px;}
.spiralblock{width: 90%;left: 20px;}
.imagesblock .birdfill{width: 120px;}

.testimonialaboutblock{margin-top: 80px;}
.testimonialaboutblock .blk{border-radius: 8px;padding: 15px;box-shadow: 0px 0px 5px rgba(0,0,0,0.3);background: rgba(255,255,255,0.95);}
.testimonialaboutblock h3{color: #0460AF;font-size: 40px;z-index: 1;}
.testimonialaboutblock span{font-weight: 500;color: #999;}
.testimonialaboutblock .row{z-index: 1;}

.testimonialaboutblock:after{position:absolute;width: 50%;height: 50%;background: #0460AF;left:0;top: 0;bottom:0;right: 0;margin: auto; border-radius: 50%;content: ""; animation: homeworkbgrotateb linear 40s infinite;z-index: 0;}
.testimonialaboutblock:before{position:absolute;width: 40%;height: 50%;background: #0460AF;left:0;top: 0;bottom:0;right: 0;margin: auto;border-radius: 50%;content: ""; animation: homeworkbgrotatebackb linear 50s infinite;z-index: 0;}

.profileCOmpProfil{background:#0460AF;color: #fff;font-size: 16px;padding:10px 20px;margin-top: 15px;border-radius: 5px;text-transform: uppercase;}
.profileCOmpProfil:hover{color: #0460AF;background: #fff;border: 1px #0460AF solid;}

.lifeimageblock{}
.lifeimageblock:nth-child(2){width:40%;z-index:0;position:relative;}
.lifeimageblock:nth-child(3){width:40%;top:-20px;left:38%;z-index:1;position:absolute;}
.lifeimageblock:nth-child(4){width:38%;top:5px;right:3%;z-index:0;position:absolute;}
.lifeimageblock:nth-child(5){width:47%;top:40%;left:27%;z-index:2;position:absolute;}
.lifeimageblock:nth-child(6){width:38%;z-index:0;position:relative;margin:40px 0 0 0;}
.lifeimageblock:nth-child(7){width:32%;top:50%;right:0%;z-index:0;position:absolute;}

@keyframes homeworkbgrotateb{
    0%{transform: rotate(0deg);}
    100%{transform: rotate(360deg);}
}
@keyframes homeworkbgrotatebackb{
    0%{transform: rotate(0deg);}
    100%{transform: rotate(-360deg);}
}

.caeerHead{margin-top: 80px;}
#enquiryForm label{font-size:11px;color:#f00;position:relative;z-index:2;transform: translateY(-7px);}
.mapForm .alert{color:#147504;font-size:14px;}
#wait{font-size:12px;}

.tbofcntUL li{list-style: disc;margin-bottom:5px;}
.pointClassUl li{list-style: decimal;}

.accordionCarry summary{position:relative;font-size:20px;font-weight:500;}
.accordionCarry details{display:inline-block;margin-bottom:15px;width:100%;transition:0.5s;}
/*.accordionCarry summary:after{position:absolute;content:"❯";left:0;top:0;color:#666;background:#fff;}*/
.accordionCarry details p{padding-left:20px;}
.blogDetailsTitle{width:70%;line-height:40px!important;font-size:30px!important;}
.blogcarry .smallDiscription{font-size:16px;color:#666;line-height:24px;}

.stationerySvg svg .st0{stroke:none;fill:#1072BA;} 
.digitalService svg .st0, .eventsServices .st0{fill:none;}
.stationerySvg rect.st0{animation:ofcStatanim 10s infinite ease;transform-origin: 42px 65px;}
@keyframes ofcStatanim{
    0%{transform: rotate(0deg);}
    100%{transform: rotate(360deg);}
}

.bannerServicesHome a{background:none;color:#ddd;padding:2px;display:block;margin-top:4px;font-size:14px;}
.bannerServicesHome a:hover{color:#fff;}
.bannerServicesHome{margin-top:30px;margin-left:10%;width:100%;}

.serviceSubCat .blocks h3{color:#0460AF;font-size:22px;}
.serviceSubCat .blocks p{font-size:15px;line-height:25px;}
.serviceSubCat .blocks{background:#fff;border-radius:15px;padding:20px;border:1px #f1f1f1 solid;}

@media (max-width:1200px) {
    .menulogoheader .logoanchor{width: 100px;}
    .homeaboutblockcarry .birdfill{right: -10px;width: 60px;}
}
@media (max-width:998px) {
    .butterfly-bottomright{display: none;}
    .herotextCarry p{right: auto;left: 0;}
    .homeworkBlock{margin-top: 10px;}
    .homeworkBlock .workcarry{margin-top: 50px;}
    .homeaboutblockcarry .headtext h2 br{display: none;}
    .comnpagefirsthead br{display: none;}
    .comnpagefirsthead{font-size: 28px;}
    .servheads .circle{display: none;}
    .workcarry br{display: none;}
    .howwework .simplyhide{display: none;}
    .howwework .howimage:after{width: 110%;       height: 180%;}
    .howwework .howimage:before{width: 110%;
        height: 160%;}
    .blogdetailcarry p{text-align: justify;}
    .bannerServicesHome{display:none;}
    .butterfly-topleft{right:90%;width: 7%;max-width:100px;}
    .mainBanner{height:550px!important;}
    .homeworkBlock .text{margin-top:0%;}
    .headsection{margin-top:30px;}
    .homeworkBlock .text h2{font-size:30px;}
    .homeaboutblockcarry, .contactHomeBlock{margin-top: 80px;}
    .homeaboutblockcarry .textmainblock{margin-top:0;}
}
@media (max-width:768px) {
    .herotextCarry h1{font-size: 40px;}
    .herotextCarry h1{font-size: 25px;}
    .herotextCarry{margin: 150px 0 0 15%;}
    .Menus{display: none;}
    .smallplant{display: none;}
    .tortoise{min-width: 60px;}
    .menulogoheader{top: 10px;}
    .firstaboutblk .birds{display: none;}
    .careerblockcarry{margin-top: 0;}
    .blogcarry, .blogdetailcarry{margin-bottom: 80px!important;}
    .mapForm .map{height: 350px;margin-top: 40px;margin-bottom: 80px;}
    .mapForm .textinput, .mapForm .textareainput{width: 100%;}
    .mainBanner{height: 580px!important;}
    .herotextCarry p{line-height: 26px;}
    .butterfly-topleft{right: 8%;top: 20%;display: block;width: 60px;}
    .butterfly-bottomright{display: block;top: auto;bottom: 15%;right: 40%;width: 60px;}
    .howwework .hwwewrk{margin-top: 140px;}
    .lifeatblk{margin-top: 80px;}
    .clientabtblk{margin: 80px auto;padding: 100px 0;}
    .contactHomeBlock .kiliwithman{width: 80px;}
    .lifeimageblock.a{width:80%;z-index:0;position:relative;margin:0px auto;}
    .lifeimageblock.b{width:80%;z-index:1;position:relative;margin:0px auto;top:0;left:0;}
    .lifeimageblock.f{width:80%;position:relative;margin:0px auto;top:0;left:0;}
    .lifeimageblock.c{width:80%;position:relative;margin:0px auto;top:0;left:0;}
    .lifeimageblock.d{width:80%;margin:0px auto;top:0;left:0;}
    .lifeimageblock.e{width:80%;z-index:0;position:relative;margin:0px auto;top:0;left:0;}
    .blogDetailsTitle{line-height:24px!important;font-size:22px!important;}
    .firstaboutblk, .blogcarry .bloks{margin-top:80px;}
    .caeerHead, .whatbenfcarre{margin-top:0px;}
}
   
@media (max-width:585px) {
    .menulogoheader{top: 10px;}
    .navigations .menubars{margin-top: 5px;width: 25px;}
    .menulogoheader .logoanchor{width: 85px;}
    .fixedmenu.active{padding:8%;}
    .fixedmenu.active .sprlblk{position:absolute!important;opacity:0.3;z-index:-1;}
    .fixedmenu .moremenus .moremenublock{margin-top: 20px;}
    .menulogoheader.active{padding: 5px 5px;}
    .homeworkBlock .animsvg .small.lefttop, .homeworkBlock .animsvg .big.righttop, .homeworkBlock .animsvg .small.rightbottom, .homeworkBlock .animsvg .big.leftbottom, .homeworkBlock .animsvg .birdfill{display: none!important;}
    .homeworkBlock .mainman{width: 55%;}
    .contactHomeBlock{margin-top: 10px;}
    .subpageHeadsSubpages br{display: block;}
    .contactHomeBlock h4{font-size: 16px;}
    .contactHomeBlock h2{font-size: 22px;}
    .spiralrotatesubpage{width: 65%;}
    .servbtmcount:after{opacity: 0.3;}
    .subpageHeadsSubpages span{line-height: 14px;margin-top: 10px;}
    .careerform{margin-bottom: 50px;}
    .workcarry {margin-bottom: 80px;}
    .birdBig{position:relative!important;top: 100px!important;left: 0;right: 0;margin: auto;width: 180px;}
    .herotextCarry{top: 145px!important;}
    .herotextCarry p{display: none;}
    .mainBanner{height: 550px!important;}
    .herotextCarry{left: 0;right: 0;margin-left: auto;margin-right: auto;text-align: center;}
    .butterfly-topleft{right: 14%;top: 30%;display: block;}
    .butterfly-bottomright{display: none;}
    .contactHomeBlock{margin-top: 80px;}
    .howwework{padding: 5% 10px;}
    .howwework .howimage:after, .howwework .howimage:before{left: 0;}
    .bigplant{width: 40px;}
    .subpagebannercomn h2{width: 220px!important;margin-left: auto;margin-right: auto;right: 0;}
    .homeworkBlock .text h2, .homeaboutblockcarry .headtext h2, .howwework h2, .testimonialaboutblock h3{font-size: 25px;}
    .contactHomeBlock .kiliwithman{top: 5%;}
}
@media (max-width:480px) {
    .herotextCarry h1{font-size: 18px;width: 210px;margin-left: auto;margin-right: auto;}
    .socialmediabanner{left: 10px;}
    .herotextCarry p{font-size: 12px;}
    .birdBig{width: 40%;right: 0;top: 30%;}
    .menulogoheader .navigations a{font-size: 12px;}
    .homeaboutblockcarry .birdfill{right: -20px;}
    .firstcareerblk{margin-top: 10px;}
    .herotextCarry p{display: none;}
    .birdBig{left: 0;right: 0;margin: auto;}
    .contactHomeBlock .kiliwithman{top: 0%;left: 40%;}
     .lifeimageblock.a, .lifeimageblock.b, .lifeimageblock.c, .lifeimageblock.d, .lifeimageblock.e, .lifeimageblock.f{width:100%;}
     .mainBanner {height: 500px !important;}
}

.spiralanim {animation: 30s spiralrotates infinite linear;}
@keyframes spiralrotates {
    0%{transform: rotate(0deg);}
    100%{transform: rotate(360deg);}
}
.birdmoving{animation:birdjrk 0.4s infinite ease;}
@keyframes birdjrk {
    0%{transform: translate(0 ,0);}
    50%{transform: translate(10px ,10px);}
    100%{transform: translate(0, 0);}
}
.birdBig{animation:birdmove 3s infinite ease;}
@keyframes birdmove {
    0%{transform: translate(0 ,0);}
    30%{transform: translate(-40% ,30px) rotate(8deg);}
    100%{transform: translate(0, 0);}
}

/* bird */
.birdBig  #wings{animation:flywing 0.1s infinite ease;transform-origin: center;}
.birdBig  #tail{animation:tailmove 0.3s infinite ease;transform-origin: bottom;}
.birdBig  #Ellipse_3{animation:eyeblink 5s infinite ease;}
@keyframes flywing{
0%{transform: skewY(0deg)  scaleX(1) rotateY(0deg);}
50%{transform: skewY(-20deg)  scaleX(.80) rotateY(65deg);}
100%{transform: skewY(0deg)  scaleX(1) rotateY(0deg);}
}
@keyframes tailmove{
0%{transform: skewY(0deg)  rotateY(0deg);}
50%{transform: skewY(2deg)  rotateY(-1deg);}
100%{transform: skewY(0deg)   rotateY(0deg);}
}
@keyframes eyeblink{
    0%{opacity:1;}
    20%{opacity:0;}
    30%{opacity:1;}40%{opacity:1;}
}

/* butterfly */
.butterfly  #wings-a, .butterfly  #wings-b{animation:butflywings-ab infinite 0.3s linear;transform-origin: center;}
.butterfly #wings-c, .butterfly  #wings-d{animation:butflywings-cd infinite 0.3s linear;transform-origin: center;}
@keyframes butflywings-ab{
    0%{transform: scaleX(1) rotateZ(0deg);}
    50%{transform: scaleX(.9)  rotateZ(5deg); }
    100%{transform: scaleX(1)  rotateZ(0deg);;}
}
@keyframes butflywings-cd{
    0%{transform: scaleX(1) rotateZ(0deg);}
    50%{transform: scaleX(.9)  rotateZ(-5deg); }
    100%{transform: scaleX(1)  rotateZ(0deg);;}
}


/* flower */
.plant #flower-l{animation: 2s forwards ease-out flowercome;transform-origin: 17px 17px;}
.plant #flower-c{animation: 2s forwards ease-out flowercomeb;transform-origin: 52px 24px;}
.plant #flower-r{animation: 2s forwards ease-out flowercomec;transform-origin: 136px 17px;}
@keyframes flowercome{
    0%{transform: scale(0) rotateX(0deg);}
    20%{transform: scale(1) rotateX(5deg);}
    100%{transform: scale(1) rotateX(0deg);}
}
@keyframes flowercomeb{
    0%{transform: scale(0) rotateX(0deg);}
    20%{transform: scale(0) rotateX(0deg);}
    30%{transform: scale(1) rotateX(5deg);}
    100%{transform: scale(1) rotateX(0deg);}
}
@keyframes flowercomec{
    0%{transform: scale(0) rotateX(0deg);}
    30%{transform: scale(0) rotateX(0deg);}
    40%{transform: scale(0) rotateX(5deg);}
    50%{transform: scale(1) rotateX(0deg);}
    100%{transform: scale(1) rotateX(0deg);}
}

/* about men */
.mainman #drummenhead{animation: 15s infinite linear menhead;transform-origin: 224px 152px;}
.mainman #hand-l{animation: 0.4s infinite linear handleftadi;transform-origin: 432px 580px;}
.mainman #hand-r{animation: 0.4s infinite linear handrightadi;transform-origin: 89px 770px;}
.mainman #leg-r{animation: 0.4s infinite ease legrightadi;}
.mainman #Ellipse_156{animation: 0.4s infinite ease-in drummoveadi;}
@keyframes menhead{
    0%{transform: rotateZ(0);}
    100%{transform: rotateZ(360deg);}
}
@keyframes handleftadi{
    0%{transform: rotateX(0deg) skewY(0deg);}
    100%{transform: rotateX(-15deg) skewY(1deg);}
}
@keyframes handrightadi{
    0%{transform: rotateX(0deg) skewY(0deg);}
    100%{transform: rotateX(10deg) skewY(-2deg);}
}
@keyframes legrightadi{
    0%{transform: skewY(0deg);}
    100%{transform: skewY(2deg);}
}
@keyframes drummoveadi{
    0%{transform: translateY(0px);}
    100%{transform:  translateY(-2px);}
}

.big.righttop, .howwework .circle.a{animation: 1s infinite ease-in  roundaboutblink;}
@keyframes roundaboutblink{
    0%{transform: scale(0); }
    25%{transform:  scale(1);}
    50%{transform:  scale(0);}
    100%{transform:  scale(0);}
}
.small.rightbottom, .servheads .circle{animation: 1s infinite ease-out roundaboutblinkB;}
@keyframes roundaboutblinkB{
    0%{transform: scale(0); }
    50%{transform:  scale(0);}
    75%{transform:  scale(1);}
    100%{transform:  scale(0);}
}
.small.lefttop{animation: 0.5s infinite ease-out roundaboutblinkC;}
@keyframes roundaboutblinkC{
    0%{transform: scale(0); }
    50%{transform:  scale(0);}
    75%{transform:  scale(1);}
    100%{transform:  scale(0);}
}
.big.leftbottom, .howwework .circle.b{animation: 0.5s infinite ease-in roundaboutblinkD;}
@keyframes roundaboutblinkD{
    0%{transform: scale(0); }
    25%{transform:  scale(1);}
    50%{transform:  scale(0);}
    100%{transform:  scale(0);}
}


/* fill bird */
#fill-bird #wings{animation:fillbirdwings infinite 0.2s linear;transform-origin: center;}
@keyframes fillbirdwings{
    0%{transform: skewY(0deg)  scaleX(1) rotateY(0deg);}
    50%{transform: skewY(20deg)  scaleX(.80) rotateY(65deg);}
    100%{transform: skewY(0deg)  scaleX(1) rotateY(0deg);}
    }
#fill-bird #tail{animation:tailmoves 0.3s infinite ease;transform-origin: bottom;}
.birdfill .fillbirdfull{animation:birdjrks 0.4s infinite ease;transform-origin: bottom;}
@keyframes birdjrks {
    0%{transform: translate(0 ,0) rotate(0deg);}
    50%{transform: translate(8px, 14px) rotate(-5deg);}
    100%{transform: translate(0, 0) rotate(0deg);}
}
@keyframes tailmoves{
    0%{transform: skewY(0deg)  rotateY(0deg);}
    50%{transform: skewY(4deg)  rotateY(-2deg);}
    100%{transform: skewY(0deg)   rotateY(0deg);}
    }


/* audience */
.onlySpiral{animation:rotatespiralbig 25s infinite linear;transform-origin: center;}
@keyframes rotatespiralbig {
    0%{transform: rotate(0deg);}
    100%{transform: rotate(360deg);}
}


.callmenanim #spirals{animation:rotatespiralCM 30s infinite linear;transform-origin: 149px 105px;}
@keyframes rotatespiralCM {
    0%{transform: rotate(0deg);}
    100%{transform: rotate(360deg);}
}
.callmenanim #spiral{animation:rotatespiralCD 40s infinite linear;transform-origin: 724px 112px;}
@keyframes rotatespiralCD {
    0%{transform: rotate(0deg);}
    100%{transform: rotate(-360deg);}
}

.abtblktwoicons{width: 130px;}
.focusiconabout #small{animation: 1s ease infinite focussmallmove;}
@keyframes focussmallmove {
    0%{transform: translateX(10px);}
    50%{transform:  translateX(-10px);}
    100%{transform:  translateX(10px);}
}
.weengageabtanim #mouth-l{animation: 3s linear infinite engagesmallmove;}
.weengageabtanim #mouth-r{animation: 3s linear infinite engagesmalRlmove;}
@keyframes engagesmallmove {
    0%{transform: skewX(0deg);}
    10%{transform: skewX(5deg);}
    15%{transform: skewX(2deg);}
    20%{transform: skewX(5deg);}
    25%{transform: skewX(8deg);}
    30%{transform: skewX(4deg);}
    35%{transform: skewX(5deg);}
    40%{transform: skewX(2deg);}
    45%{transform: skewX(5deg);}
    48%{transform: skewX(0deg);}
    100%{transform: skewX(0deg);}
}
@keyframes engagesmalRlmove {
    0%{transform: skewX(0deg);}
    50%{transform: skewX(0deg);}
    55%{transform: skewX(-2deg);}
    60%{transform: skewX(2deg);}
    65%{transform: skewX(2deg);}
    70%{transform: skewX(-2deg);}
    75%{transform: skewX(2deg);}
    80%{transform: skewX(-2deg);}
    85%{transform: skewX(2deg);}
    90%{transform: skewX(1deg);}
    100%{transform: skewX(0deg);}
}

#eye-r{animation: 3s eyeblink linear infinite;}
#eye-l{animation: 5s eyeblink2 linear infinite;}
@keyframes eyeblink {
    0%{opacity: 1;} 20%{opacity: 0;} 25%{opacity: 1;}
    28%{opacity:0;} 32%{opacity: 1;} 36%{opacity: 0;}
    45%{opacity: 1;}55%{opacity: 0;} 70%{opacity: 1;}
    80%{opacity: 0;} 90%{opacity: 1;} 95%{opacity: 0;}
    100%{opacity: 1;}
}
@keyframes eyeblink2 {
    0%{opacity: 1;} 20%{opacity: 0;} 25%{opacity: 1;}
    28%{opacity:0;} 32%{opacity: 1;} 36%{opacity: 0;}
    45%{opacity: 1;}55%{opacity: 0;} 70%{opacity: 1;}
    80%{opacity: 0;} 90%{opacity: 1;} 95%{opacity: 0;}
    100%{opacity: 1;}
}

#wecraft #Path_133{animation: bizermove ease-in-out 2s infinite;}
@keyframes bizermove {
    0%{transform: rotateX(0deg);}
    50%{transform: rotateX(5deg);}
    100%{transform: rotateX(0deg);}
}
#wecraft #Ellipse_192, #wecraft #Ellipse_195{animation: bizerbigcirclemove ease-in-out 2s infinite;}
@keyframes bizerbigcirclemove {
    0%{transform: translateY(0px);}
    50%{transform: translateY(-5px);}
    100%{transform: translateY(0px);}
}
#howwework #Group_72{animation: bizerbigmove ease-in-out 2s infinite;transform-origin: -519px 686px;}
@keyframes bizerbigmove {
    0%{transform: rotate(-5deg);}
    50%{transform: rotate(5deg);}
    100%{transform: rotate(-5deg);}
}

#advmarkt .st1{animation: 20s infinite ease-out strokemove;}
@keyframes strokemove {
    0%{stroke-dasharray: 0;}
    50%{stroke-dasharray: 200;}
    100%{stroke-dasharray: 0;}
}
.servicecarryBlk .a svg{animation: rotateadv 20s infinite ease-in-out;}@keyframes rotateadv {
    0%{transform: rotate(0deg);}
    50%{transform: rotate(40deg);}
    100%{transform: rotate(0deg);}
}
.servicecarryBlk .b #servbrand{animation: logomoveanim 5s infinite linear;stroke-dasharray: 450px;}
@keyframes logomoveanim {
    0%{stroke-dashoffset: 460px;}
    50%{stroke-dashoffset: 40px;}
    100%{stroke-dashoffset: 460px;}
}
#socmedmark #elip-1{animation: movecirsociala 1.4s infinite ease-in;}@keyframes movecirsociala {
    0%{transform: translateX(-6px);}
    50%{transform: translateX(2px);}
    100%{transform: translateX(-6px);}
}
#socmedmark #elip-2{animation: movecirsocialb 1s infinite ease-in;}@keyframes movecirsocialb {
    0%{transform: translateX(-4px);}
    50%{transform: translateX(4px);}
    100%{transform: translateX(-4px);}
}
#socmedmark #elip-3{animation: movecirsocialc 2s infinite ease-in;}@keyframes movecirsocialc {
    0%{transform: translateX(-2px);}
    50%{transform: translateX(4px);}
    100%{transform: translateX(-2px);}
}
.servicecarryBlk .d svg{animation: webrotate 2s infinite linear;}
@keyframes webrotate {
        0%{transform: rotateY(0deg) rotate(0deg);}
        100%{transform: rotateY(360deg)  rotate(180deg);}
    }
.servbtmcount:after{animation: bottmrotatemain 30s infinite linear;}
@keyframes bottmrotatemain {
        0%{transform: skewY(0deg);}
        50%{transform: skewY(40deg) ;}
        100%{transform: skewY(0deg) ;}
    }
.servicecarryBlk .f svg{animation: webrotateevt 1s infinite linear;}
 @keyframes webrotateevt {
        0%{transform: scale(1) translateY(0px);}
        50%{transform: scale(1.1) translateY(-10px);}
        100%{transform: scale(1) translateY(0px);}
    }
.firstcareerblk svg{width: 120px;}
.whatbenfcarre #Path_148{animation: leafone 3s infinite ease-in-out;transform-origin: left;}
@keyframes leafone {
    0%{transform: rotateX(0deg);}
    50%{transform: rotateX(30deg);}
    100%{transform: rotateX(0deg);}
}
.whatbenfcarre .leafetwo{animation: leaftwo 4s infinite ease-in-out;transform-origin: left;}
@keyframes leaftwo {
    0%{transform: rotate(0deg);}
    50%{transform: rotate(2deg);}
    100%{transform: rotate(0deg);}
}
.flexhrsicon #clockrotate{animation: hrsneedlemoved 10s infinite linear;transform-origin: center;}
@keyframes hrsneedlemoved {
    0%{transform: rotate(0deg);}
    100%{transform: rotate(360deg);}
}
.unlimitedfunicon #Path_158, .unlimitedfunicon #Path_162{animation: funlafone 1s infinite ease-in-out;}
@keyframes funlafone {
    0%{transform: scaleY(1);}
    50%{transform: scaleY(0.995);}
    100%{transform: scaleY(1);}
}
.creativeculicon #Path_164{animation: starcreativerotate 10s infinite linear;transform-origin: 61px 24px;}
@keyframes starcreativerotate {
    0%{transform: rotate(0deg);}
    100%{transform: rotate(360deg);}
}
.callmenanim #left-hand-2{animation: handleftmove 2.2s infinite linear;transform-origin: 618px 199px;}
@keyframes handleftmove {
    0%{transform: rotate(0deg);}
    50%{transform: rotate(0deg);}
    75%{transform: rotate(8deg);}
    100%{transform: rotate(0deg);}
}
.callmenanim #right-hand{animation: handleftmoveR 2.2s infinite linear;transform-origin: 247px 191px;transform: rotate(-8deg);}
@keyframes handleftmoveR {
    0%{transform: rotate(0deg);}
    25%{transform: rotate(-8deg);}
    50%{transform: rotate(0deg);}
    100%{transform: rotate(0deg);}
}
.callmenanim #right-speaker{animation: speakermoveR 2.2s infinite linear;transform-origin: 618px 199px;}
@keyframes speakermoveR {
    0%{transform: translateX(0px);}
    50%{transform: translateX(0px);}
    75%{transform: translateX(6px);}
    100%{transform: translateX(0px);}
}
.callmenanim #left-speaker{animation: speakermoveL 2.2s infinite linear;transform-origin: 618px 199px;}
@keyframes speakermoveL {
    0%{transform: translateX(4px);}
    25%{transform: translateX(-2px);}
    50%{transform: translateX(4px);}
    100%{transform: translateX(4px);}
}