.plr-150{    padding: 0px 150px;} .alert-message {margin-top: 60px; padding: 4px 20px; border: 5px solid #3c763d; } .alert-message h4 {margin-top: 0; margin-bottom: 5px; } .alert-message p:last-child {margin-bottom: 0; } .alert-message code {background-color: #fff; border-radius: 3px; } .alert-message-success {background-color: #F4FDF0; border-color: #3C763D; } .alert-message-success h2 {color: #3C763D; } .progress-box-layout1 .single-item li {margin-bottom: 0; padding-left: 29px; font-size: 17px !important; color: #040b64; line-height: 29px; } .cutome-heading{font-size: 29px; font-weight: bold; margin: 0;} .__heading_class {text-align:center; letter-spacing: normal; font-family: 'Arsenal', sans-serif !important; word-wrap: break-word; color: #111; font-weight: 700 !important; line-height:32px; } .line-1{position: relative; margin: 0 auto; border-right: 2px solid #000; text-align: center; white-space: pre-line; font-weight:bold; overflow: hidden; } .anim-typewriter{animation: typewriter 4s steps(44) 1s 2 normal both, blinkTextCursor 500ms steps(44) infinite normal; } @keyframes typewriter{from{width: 0;} to{width: 24em;} } @keyframes blinkTextCursor{from{border-right-color: rgba(255,255,255,.75);} to{border-right-color: transparent;} } @media screen and (max-width: 700px){.carousel {display: block !important; }} /*.progress-wrap-layout1{background-color:#0b2a61 !important;}*/ /*.progress-wrap-layout1 h1,p{color:#fff !important;}*/ @media only screen and (max-width: 767px) {.progress-wrap-layout1 .item-title {font-size: 14px !important; line-height: 25px; margin: 0; } .line-1{font-size:15px !important;text-align:left !important;} } .rol{margin:0px;} .team-img{width: 100%;max-height: 251px;} .teamdetails{    color: #1c1c1c; font-size: 13px; line-height: 24px; text-align: justify;} .min-height337{   min-height: 229px !important; padding-bottom: 2px !important;} .d-0{display:none} .trimbanner {padding: 60px 0px; display: flex; justify-content: center; align-items: center; font-family: "Codystar"; background: black; background-image: url('data:image/svg+xml,%3Csvg width="42" height="44" viewBox="0 0 42 44" xmlns="http://www.w3.org/2000/svg"%3E%3Cg id="Page-1" fill="none" fill-rule="evenodd"%3E%3Cg id="brick-wall" fill="%239C92AC" fill-opacity="0.4"%3E%3Cpath d="M0 0h42v44H0V0zm1 1h40v20H1V1zM0 23h20v20H0V23zm22 0h20v20H22V23z"/%3E%3C/g%3E%3C/g%3E%3C/svg%3E'); } .neons {text-align: center; } .neons .trimwebtext {font-size: 11rem; text-align: center; font-weight: bold; -webkit-animation: glow 2s ease-in-out infinite alternate; -moz-animation: glow 2s ease-in-out infinite alternate; animation: glow 2s ease-in-out infinite alternate; } .trimswigning {/*background: black;*/ overflow: hidden; } .trimtextswiging {text-align: center; margin: 10px auto; font-size: 6.5rem; font-family: arial; font-weight: 900; color: transparent; overflow: hidden; background: linear-gradient(45deg, black 30%, transparent 30%, transparent 70%, black 70%), linear-gradient(-45deg, black 30%, transparent 30%, transparent 70%, black 70%), linear-gradient(90deg, crimson 30%, transparent 30%, transparent 70%, crimson 70%)red; background-size: 20px 20px, 20px 20px, 1px 1px; background-position: 0 0, 0 0, 0 0; -webkit-background-clip: text; -webkit-text-stroke: 4px white; filter: drop-shadow(0 0 1px black)drop-shadow(0 0 1px black)drop-shadow(0 0 1px black)drop-shadow(0 0 1px black)drop-shadow(0 0 1px black)drop-shadow(0 0 1px black)drop-shadow(0 0 1px black)drop-shadow(0 0 1px black)drop-shadow(0 0 2px crimson); animation: bg-shift 1s ease-in-out infinite alternate-reverse, swing 2s ease-in-out infinite; } .trimtextswiging::before {content: "WEBSITE DESIGNING"; position: absolute; background: linear-gradient(transparent 30%, white, transparent 70%); -webkit-background-clip: text; animation: bg-shift2 2s ease-in-out infinite alternate-reverse; -webkit-text-stroke: 2px red; } @keyframes bg-shift {from {background-position: 0 50px; } } @keyframes bg-shift2 {0% {background-position: 0 50px; } 50% {background-position: 0 -50px; } 100% {background-position: 0 50px; } } @keyframes swing {0% {transform-origin: top; transform: perspective(550px)rotatex(55deg); } 50% {transform: perspective(550px)rotatex(-55deg); } 100% {transform-origin: top; transform: perspective(550px)rotatex(55deg); } } @media only screen and (max-width: 767px) {.trimwebtext {font-size: 5rem !important; } .line-1{font-size:15px !important;text-align:left !important;} } @-webkit-keyframes glow {from {color: #fff; text-shadow: 0 0 10px #00fff2, 0 0 20px #00fff2, 0 0 30px #00fff2, 0 0 40px #00fff2, 0 0 50px #00fff2, 0 0 60px #00fff2, 0 0 70px #00fff2, 0 0 90px #00fff2; } to {color: gray; text-shadow: 0 0 20px #00fff2, 0 0 30px #00fff2, 0 0 40px #00fff2, 0 0 50px #00fff2, 0 0 60px #00fff2, 0 0 70px #00fff2, 0 0 80px #00fff2, 0 1 90px #00fff2; } } </style> <script src="https://kit.fontawesome.com/a076d05399.js"></script> <style type="text/css"> @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap'); ::selection{color: #fff; background: #664AFF; } .wrapper1{max-width: 450px; margin: 10px auto; } .wrapper1 .search-input{background: #fff; width: 100%; border-radius: 5px; position: relative; box-shadow: 0px 1px 5px 3px rgba(0,0,0,0.12); } .search-input input{height: 55px; width: 100%; outline: none; border: none; border-radius: 5px; padding: 0 60px 0 20px; font-size: 18px; box-shadow: 0px 1px 5px rgba(0,0,0,0.1); } .search-input.active input{border-radius: 5px 5px 0 0; } .search-input .autocom-box{padding: 0; opacity: 0; pointer-events: none; max-height: 280px; overflow-y: auto; } .search-input.active .autocom-box{padding: 10px 8px; opacity: 1; pointer-events: auto; } .autocom-box li{list-style: none; padding: 8px 12px; display: none; width: 100%; cursor: default; border-radius: 3px; } .search-input.active .autocom-box li{display: block; } .autocom-box li:hover{background: #efefef; } .search-input .icon{position: absolute; right: 0px; top: 0px; height: 55px; width: 55px; text-align: center; line-height: 55px; font-size: 20px; color: #644bff; cursor: pointer; } .top-services-style{background: linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)),url(https://www.trimwebsolutions.com/public/img/trimwebsolutions-service-background.jpg) !important; background-size: 100%; background-position: center;} .proficiency{font-size: 51px; padding: 21px 0px; text-shadow: 3px 3px 1px #000; font-weight: 800;} .service-box-layout1 {padding: 6px 0 5px 0; margin-bottom: 0; border-radius: 10px; border: 1px #10100d dotted;} .item-title {font-family: "Lato"; font-weight: 800; font-size: 35px; display: inline; } .item-title {text-align: center; color: rgba(255,255,255,0.1); background: -webkit-gradient(linear, left top, right top, from(#222), to(#222), color-stop(0.5, #fff)); background: -moz-gradient(linear, left top, right top, from(#222), to(#222), color-stop(0.5, #fff)); background: gradient(linear, left top, right top, from(#222), to(#222), color-stop(0.5, #fff)); -webkit-background-size: 125px 100%; -moz-background-size: 125px 100%; background-size: 125px 100%; -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; -webkit-animation-name: shimmer; -moz-animation-name: shimmer; animation-name: shimmer; -webkit-animation-duration: 2s; -moz-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; background-repeat: no-repeat; background-position: 0 0; background-color: #222; } @-moz-keyframes shimmer {0% {background-position: top left; } 100% {background-position: top right; } } @-webkit-keyframes shimmer {0% {background-position: top left; } 100% {background-position: top right; } } @-o-keyframes shimmer {0% {background-position: top left; } 100% {background-position: top right; } } @keyframes shimmer {0% {background-position: top left; } 100% {background-position: top right; } } .bg-black{background:#060605 !important;} .bg-number-plate{background:#777a8e !important;} .icon {display: inline-block; width: 1em; height: 1em; stroke-width: 0; stroke: currentColor; fill: currentColor; } .wave {animation: waveIn 1.2s infinite ease-out; transform-origin: 50% 50%; } .wave-sm {animation-delay: .3s; } .wave-md {animation-delay: .45s; } .wave-lg {animation-delay: .6s; } @keyframes waveIn {from {opacity: 0; transform: scale(.3) translate(-20px,10px); } 50% {transform: translate(0,0); opacity: 1; } } .short-para{    font-family: lato; color: #0a0202;} .star-bf-div {background: radial-gradient(#050526 0%, #000000 90%) -20vw 10vh no-repeat black; position: relative; width:100%; perspective: 340px; overflow: hidden; padding: 15px 0px; } .stars {position: absolute; top: 50%; left: 50%; width: 2px; height: 2px; box-shadow: 1458px -15px #fafafa, 198px 76px white, -268px 441px #d4d4d4, -776px 280px #c7c7c7, 352px -37px #d1d1d1, -1143px -132px #c7c7c7, 1303px -155px #cfcfcf, 920px 239px #c4c4c4, -339px 385px #e6e6e6, 1074px -142px #cfcfcf, 1024px -429px #dedede, -171px 58px #e3e3e3, 878px 196px #c4c4c4, 826px -244px #fcfcfc, -953px 407px #e6e6e6, -1001px 224px #f7f7f7, -668px -455px #c7c7c7, -1121px -377px white, -959px -105px #fafafa, 1296px 415px #e6e6e6, -543px 148px #d4d4d4, -577px -264px #dbdbdb, 978px 363px #cccccc, -397px 144px #ebebeb, -1004px 295px #ededed, 1468px 329px #c4c4c4, -1490px -67px #ebebeb, 670px 352px #d1d1d1, 1115px -108px #f2f2f2, -765px 441px #e0e0e0, -27px 94px #fcfcfc, -487px -157px #c4c4c4, 1318px -387px #d9d9d9, 192px 16px #c9c9c9, -924px 412px #c7c7c7, 652px -360px #d6d6d6, -1099px 447px #dedede, -491px -136px #fcfcfc, -290px -273px #e0e0e0, -336px -333px #fafafa, -1312px 48px #c4c4c4, -343px 52px #dbdbdb, 368px 102px #c9c9c9, 397px -273px #dbdbdb, -694px -70px #fafafa, -970px -90px white, -142px 19px #d9d9d9, -779px -233px #e6e6e6, -1372px 116px #d4d4d4, 1425px 149px #d9d9d9, -996px 295px #c7c7c7, -569px 367px #e8e8e8, -441px 434px #dedede, 1481px 205px white, 255px 339px #ededed, -51px 345px #e3e3e3, -887px -4px #f2f2f2, -1360px 234px #ebebeb, -640px -138px #fcfcfc, 585px 5px #e0e0e0, 1045px -9px #d6d6d6, 1262px 113px #c9c9c9, 22px -388px #c7c7c7, -1282px -217px #c7c7c7, -931px -383px #d1d1d1, 220px -102px white, -1160px 375px #d4d4d4, -1488px -286px #ededed, -362px 68px white, 1297px 24px #c9c9c9, -534px 423px white, 530px -270px #c9c9c9, 454px 464px #dbdbdb, -291px -456px #d9d9d9, -1063px 442px #e6e6e6, 1317px 371px #d9d9d9, 1029px -49px #c2c2c2, 74px -55px #e8e8e8, -1247px 11px whitesmoke, -1443px -79px #dbdbdb, -893px -338px #e0e0e0, -1107px 188px #f0f0f0, -986px -30px #c2c2c2, -1486px -378px #fafafa, -504px 197px #e0e0e0, 281px -214px #c7c7c7, 315px 192px #e0e0e0, -154px 173px #dedede, 301px 153px whitesmoke, 1308px -287px #f2f2f2, 206px 411px #d1d1d1, -1123px 372px #ebebeb, -1322px -10px #c4c4c4, -1407px -141px white, -1243px 293px #dedede, 378px -124px #fafafa, -500px 174px #d9d9d9, -109px -414px #e0e0e0, 1145px -134px #d1d1d1, -873px 368px #ebebeb, -334px 215px #d1d1d1, 1377px -288px #ebebeb, 198px -323px #e3e3e3, 134px -131px #cccccc, 250px -188px #ededed, -1391px -309px #f7f7f7, 199px 68px whitesmoke, 1246px -254px #fafafa, 1148px 284px #cccccc, -939px -55px #dedede, -944px -301px #ededed, -661px 234px #c9c9c9, 1425px -393px #e8e8e8, 1292px 59px #d9d9d9, 1127px -209px #f2f2f2, -882px 45px #c9c9c9, 369px 384px whitesmoke, -1316px -196px #dedede, 240px 472px #fcfcfc, 944px -440px #c4c4c4, 401px -266px #d4d4d4, 286px -324px whitesmoke, -1209px 416px whitesmoke, 6px 349px #d4d4d4, -1363px 192px #e6e6e6, 1183px -164px #e8e8e8, 317px 443px #d1d1d1, -1146px 424px #ebebeb, 464px -106px white, -130px 402px #dedede, 685px 310px #fafafa, -116px -96px #ebebeb, -346px -400px #ebebeb, 371px -264px #e0e0e0, 1091px 155px #c4c4c4, 1473px -210px #f2f2f2, 197px 236px #ebebeb, 1051px 337px #dedede, 483px -357px white, 295px -222px #dedede, -875px 9px #c7c7c7, -1215px 353px #fcfcfc, -663px 93px #d6d6d6, 143px -246px #e3e3e3, 762px 20px #e0e0e0, 59px -407px #e6e6e6, -1231px 353px #cccccc, 559px -92px #fafafa, -165px -340px #fcfcfc, -1406px 171px #dedede, 423px 230px #fafafa, 679px -351px #d6d6d6, 1290px 415px #fcfcfc, 1184px 253px #e8e8e8, -357px -150px #f7f7f7, -985px -297px white, 1051px 439px #e0e0e0, 1356px 332px #d1d1d1, -188px 315px #f2f2f2, 1053px 196px #e0e0e0, 1162px -249px #d9d9d9, -741px -392px #dedede, -374px 21px #fcfcfc, -1496px -156px #d1d1d1, -1158px -232px #cfcfcf, -1360px 346px #c2c2c2, -812px -146px #d1d1d1, -549px -278px #ebebeb, 228px -125px #d4d4d4, -28px -344px #d9d9d9, -1442px 200px #c4c4c4, 599px -6px #cccccc, -198px 305px #e8e8e8, -821px 369px #f7f7f7, 889px -28px #c2c2c2, -1268px 479px #e3e3e3, -857px 228px #fcfcfc, 851px 103px #cfcfcf, -332px -233px #e8e8e8, -1206px 39px #c4c4c4, 1021px 369px #e3e3e3, 1487px -445px #fcfcfc, -1271px 293px #e8e8e8, -1226px 191px #e0e0e0, 1313px 97px #e8e8e8, -1471px 290px #c7c7c7, -405px 339px #dedede, 1436px 460px #ebebeb, -625px 122px #c9c9c9, -224px -359px #cccccc, 77px -374px #e6e6e6, 563px 89px #e6e6e6, 655px 318px #e6e6e6, -805px -153px white, 154px 133px #d9d9d9, 494px -186px #d4d4d4, 485px 208px whitesmoke, -23px 363px #c2c2c2, 535px 394px #cccccc, 974px -157px #c7c7c7, -481px 44px #cfcfcf, -172px 64px #c2c2c2, -697px -436px #f2f2f2, -812px -437px #fcfcfc, -778px 181px #e0e0e0, 1055px 447px #d9d9d9, -1413px -55px #d9d9d9, 972px -380px #d1d1d1, 691px 386px #c9c9c9, -150px -329px #f0f0f0, -996px 3px #ebebeb, 743px -111px #f7f7f7, -154px -71px #fcfcfc, -86px 129px #f7f7f7, -1117px -173px #e8e8e8, 1405px -69px #d1d1d1, -845px 284px #e6e6e6, 1440px -226px #ebebeb, 95px -261px #d6d6d6, 876px -166px #fafafa, 1214px -55px #fafafa, 779px -183px #f0f0f0, -1036px 369px #cfcfcf, 1327px -430px #e0e0e0, 1444px -274px #ededed, 94px 33px #fafafa, 446px -479px #c2c2c2, -437px -232px #d4d4d4, -276px -253px #f7f7f7, 349px 110px #f0f0f0, 152px -190px #fafafa, -657px -442px #d6d6d6, 683px -405px #e8e8e8, -48px -257px #dbdbdb, 527px -337px #d4d4d4, -1133px 235px #dbdbdb, 473px 277px #c4c4c4, 394px 39px #f7f7f7, 438px -391px #c2c2c2, 469px 336px #c7c7c7, 1457px -4px #d9d9d9, 554px 31px #e6e6e6, 210px 31px #c9c9c9, -762px -265px #e8e8e8, 628px -204px #ededed, 802px -19px #f2f2f2, 1190px -193px #dedede, -1124px -222px #fafafa, 245px -477px #fafafa, 1069px 35px #dedede, 888px 241px #dedede, 1410px 227px #d4d4d4, -364px 133px #d1d1d1, 107px 183px #f2f2f2, -180px -200px #cfcfcf, 1259px 58px #dedede, -97px 388px #e8e8e8, 623px 415px #f0f0f0, 571px 12px #ebebeb, 179px -91px #f0f0f0, 1238px -35px #cccccc, 906px 195px #e8e8e8, -1473px 427px #ebebeb, 1265px 86px #d6d6d6, -224px -395px #cccccc, -1292px 287px #fcfcfc, 799px 151px #dbdbdb, -142px 57px #c4c4c4, -1212px -468px #c2c2c2, 1325px -461px #dbdbdb, -1114px -178px #d1d1d1, 1229px -434px #c2c2c2, -707px 313px #c7c7c7, 268px 386px #f2f2f2, -1416px -134px #d4d4d4, -842px -277px #c7c7c7, 1001px -150px white, -720px 268px #d9d9d9, 867px 367px #c9c9c9, -272px 46px #c9c9c9, -1355px 9px #e0e0e0, 71px -54px #c9c9c9, 1001px -194px #dbdbdb, 1253px -136px #ededed, 187px -428px #cccccc, -486px 125px #e6e6e6, -483px 284px #d9d9d9, -515px -68px #c4c4c4, -267px 78px #c2c2c2, 598px -169px #ededed, -43px 285px #dedede, 452px -163px #c9c9c9, 1134px -412px #dbdbdb, -1081px -393px #fcfcfc, 1186px 20px #c4c4c4, -117px -252px #c2c2c2, 954px 16px #e6e6e6, 249px -450px #d1d1d1, 868px 455px #cfcfcf, 216px -253px #fcfcfc, 816px 243px #c9c9c9, -305px -76px #f2f2f2, 913px -426px #dbdbdb, -958px -434px #cccccc, -1375px -300px #c9c9c9, -1372px -439px #ededed, -342px 127px #d1d1d1, 1382px 392px #ededed, -1113px 304px #c4c4c4, 60px 141px #e8e8e8, -678px 367px #e6e6e6, 1200px -178px white, -885px 90px #c2c2c2, -1044px 249px #e0e0e0, -770px -168px #e3e3e3, 462px -113px #d4d4d4, 403px 195px #d4d4d4, -328px 295px #cccccc, -946px 147px #f2f2f2, -1241px 151px #cfcfcf, -466px 253px #e3e3e3, 919px 242px #ededed, -198px 225px #fcfcfc, -781px -428px #e6e6e6, 1119px -390px #d6d6d6, -398px 200px #e0e0e0, -1422px 28px #e3e3e3, 864px -52px #ededed, 792px -241px #d1d1d1, 965px 36px #c2c2c2, -522px 464px #fcfcfc, -609px -379px #e6e6e6, -932px -118px #e6e6e6, -272px -372px #e6e6e6, -1262px -392px #d9d9d9, -281px 451px #e3e3e3, 922px 33px #ebebeb, -604px -256px #f7f7f7, 1118px -473px #fafafa, -341px -54px #d1d1d1, 224px 363px #e3e3e3, 250px 309px #f0f0f0, -1271px -126px #e3e3e3, -1414px -208px #dedede, -814px 155px #dbdbdb, 249px 238px #e0e0e0, -527px -458px #e0e0e0, 1069px 342px #fcfcfc, 673px 177px whitesmoke, -517px -455px #d9d9d9, 1034px -352px #cfcfcf; animation: fly 10s linear infinite; transform-style: preserve-3d; } .stars:before, .stars:after {content: ""; position: absolute; width: inherit; height: inherit; box-shadow: inherit; } .stars:before {transform: translateZ(-300px); animation: fade1 10s linear infinite; } .stars:after {transform: translateZ(-600px); animation: fade2 10s linear infinite; } @keyframes fly {from {transform: translateZ(0px); } to {transform: translateZ(300px); } } @keyframes fade1 {from {opacity: .5; } to {opacity: 1; } } @keyframes fade2 {from {opacity: 0; } to {opacity: .5; } }