/*
Theme Name: IshvaraTech
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Outfit:wght@100..900&display=swap');

html{scroll-behavior: smooth;}
*{box-sizing: border-box;outline: none; transition: all .3s;-o-transition: all .3s;-webkit-transition: all .3s;-ms-transition: all .3s; outline:0!important}

body{font-size: 15px;font-family: "Inter", sans-serif;}
h1, h2, h3, h4, h5, h6{font-family: "Outfit", sans-serif;font-weight: 600;}
h1{font-size: 65px;font-weight: 600;line-height: 1.1;margin-bottom: 25px;}
h2{font-size: 40px; line-height:initial;font-weight: 600;}
h3{font-size: 28px;line-height: initial;font-weight: 600;}
h4{font-size:24px; position: relative;font-weight: 600;}
h5{font-size:18px; position: relative;font-weight: 600;}
h6{font-size: 15px;position: relative;font-weight: 600;}
strong{color: #FF6219!important;font-weight: 600;}
a{color: initial;line-height: initial;}
a:hover{color:initial; text-decoration:none}
p{opacity: .8;line-height: 1.6;}
p:last-child{margin:0;}
img, iframe, video{max-width: 100%;vertical-align: middle;}
ul{}
ul li{}
hr{}
input{}
input[type=radio]{}
input[type=submit]{background: #FF6219!important;border: 0;color: #fff;}
input[type=submit]:hover{background:#000!important;cursor:pointer;}
input, textarea{padding: 10px 10px;border-radius: 10px;font-weight: 500;font-family: "Inter", sans-serif;border: 1px solid #c9c9c9;width: 100%;}
input::placeholder, textarea::placeholder{font-family: "Inter", sans-serif; font-weight:300}
input:focus, .input:focus{border-color: #FF6219;}
input[type=checkbox]{width:20px;height:20px;position: relative;top: 3px;}
textarea{height:100px}
label{margin-bottom: 0;display: block;color: #000;font-size: 11px;}

.owl-dots{text-align: center;}
.owl-dots button{width: 20px;height: 14px;border-radius: 10px;margin: 0 5px;background: #000!important;}
.owl-dots button.active{width: 40px;background:#FF6219!important}

.buttonarrow{padding: 14px 40px 14px 25px;color: #FF6219;border: 1px solid #FF6219;font-family: "Inter", sans-serif;border-radius: 25px;display: inline-block;position: relative;}
.buttonarrow span{background: #FF6219;position:absolute;right: -20px;top: 0px;width: 45px;height: 45px;text-align: center;border-radius: 50%;line-height: 40px;}
.buttonarrow:hover{border-color:#000}
.buttonarrow:hover span{transform:rotate(360deg); background:#000}

.buttonorange{padding: 14px 26px;background: #FF6219;border: 1px solid #FF6219;font-family: "Inter", sans-serif;border-radius: 10px;display: inline-block;color: #fff;}
.buttonorange:hover{background:#000; color:#fff; border-color:#000}

.buttonborder{padding: 13px 26px;background: #fff;border: 2px solid #FF6219;font-family: "Inter", sans-serif;border-radius: 10px;display: inline-block;color: #FF6219;}
.buttonborder:hover{background:#FF6219; color:#fff; border-color:#FF6219}

.dark-orange{background:#FF6219}
.dark-orange strong{color:#000!important;}
.light-orange-v1{background: rgba(255, 245, 234, 0.67)}
.light-orange{background:#FFEDD9;}
.light-blue{background: rgba(247, 249, 255, 1);}
.dark-black{background:#000}
             
.container{max-width: 1300px;}
.container-fluid{max-width: 100%; padding-left:50px; padding-right:50px;}
.tag{background:#FF62191F;display:inline-block;color:#FF6219;padding: 6px 15px;border-radius: 25px;margin-bottom: 15px;border: 1px solid #ff621963;font-size: 12px;}
.tag img{margin-right:5px; vertical-align:top}
.rounded{border-radius: 15px!important;}

.topbar *{font-size: 12px;}
.topbar .left a{padding-right:15px;}
.topbar .right a{padding-left:15px;}
.topbar a:hover{color:#FF6219}

header{}
header ul{margin:0; padding:0; text-align:center}
header ul li{display:inline-block; }
header ul li a{display:block;padding: 10px 20px;border:1px solid #fff;border-radius:50px;}
header ul li.active a, header ul li a:hover{color:#FF6219; }
header ul li a:hover{border:1px solid #FF6219}
header .login:hover{color:#FF6219;}
header .login:hover img{transform:rotate(360deg)}
header .buttonarrow{margin-left: 20px;margin-right: 20px;}
header.sticky{position:sticky;top:0;background:#fff;padding: 5px 0!important;z-index: 9;}
header.sticky .logo img{width:125px;}
header .menu-icon{display: none;}
header .menu-icon span{width: 22px;height: 2px;display: block;background: #ff621a;margin-bottom: 8px;}
header .menu-icon span:last-child{margin-bottom: 0;}
header .menu-icon:hover{cursor:pointer; }

.banner{overflow: hidden;}
.banner strong{display:block}
.banner .circle{position:absolute;left:0;right:0;top: -15px;margin:0 auto;z-index: 0;}
.banner .boy{display: block;margin: 0 auto;position: relative;z-index: 1;height: 500px;}
.banner .strip{position:absolute;z-index:2;bottom:0;left: 0;width: 80%;margin: 0 auto;right: 0;}
.banner .circle .animate-one{position: absolute;left: -80px;top: 200px;animation: mover 1s infinite alternate;}
.banner .circle .animate-two{position: absolute;left: 0;top: -10px;animation: mover 1s infinite alternate;}
.banner .circle .animate-three{position: absolute;right: 0;top: 50px;animation: animName 2s linear infinite;}
.banner .strip .animate-four{height:95px;margin-left: -75px;flash 2300ms infinite linear, move 3700ms infinite animation-timing-function: linear;animation: taadaa 2s infinite;}
.banner .strip .animate-five{height:100px;float: right;margin-bottom: 20px;taadaa 2s animation-iteration-count: infinite;animation: taadaa 2s infinite;}
.banner .strip .animate-six{height: 73px;position: absolute;bottom: -40px;left: 0;taadaa 2s animation-iteration-count: infinite;taadaa 2s animation-iteration-count: infinite;taadaa 2s animation-iteration-count: infinite;taadaa 2s animation-iteration-count: infinite;animation: taadaa 2s infinite;}
.banner p{line-height:2;}
.banner input[type=text]{width: 55%;}
.banner input[type=submit]{width: 40%;}
.banner .below{}
.banner .below span{opacity: .8;font-size: 13px;margin-right:15px;font-weight: 300;}
.banner .below span i{color:#FF6219; padding-right:5px;}

.stats{}
.stats i{position: absolute;left: 20px;top: 2px;background:#01F1E1;width: 45px;height: 45px;border-radius: 50%;color: #fff;font-size: 25px;text-align: center;line-height: 46px;}
.stats p{font-size: 20px;line-height: initial;padding-left: 80px;opacity: 1;}
.stats .two i{background:#FFC020}
.stats .three i{background:#FF481F}
.stats .col-md-4:hover i{transform:rotate(360deg)}

.stats{}
.stats.dark-orange *{color:#fff}
.stats.dark-orange .top p{margin:0;padding: 0;}
.stats.dark-orange p{margin-top:10px;padding-left: 68px;}

.why{}
.why .dark-orange h3{color:#fff!important}
.why .bg-white ul{padding: 0;margin: 0;list-style: none;}
.why .bg-white ul li{text-align: left;background: linear-gradient(90deg, rgb(209 209 209 / 50%) 0%, rgb(227 227 227 / 50%) 100%);border-left: 4.38px solid rgba(255, 32, 86, 1);border-radius: 15px 0 0 15px;margin-bottom: 25px;position: relative;padding: 23px 50px 23px 15px;}
.why .bg-white ul li p{margin: 0;}
.why .bg-white ul li img{width:40px;position: absolute;right: 5px;top: 16px;}
.why .bg-white ul li:last-child{margin:0; border-left: 4.38px solid rgba(43, 127, 255, 1)}
.why .bg-white ul li:nth-child(2){border-left: 4.38px solid rgba(255, 105, 0, 1)}
.why .bg-white ul li:nth-child(3){border-left: 4.38px solid rgba(173, 70, 255, 1)}
.why .bg-white ul li:last-child{margin:0; border-left: 4.38px solid rgba(43, 127, 255, 1)}
.why .bg-white ul li:hover:first-child{background:rgba(255, 32, 86, 1);}
.why .bg-white ul li:hover:nth-child(2){background:  rgba(255, 105, 0, 1)}
.why .bg-white ul li:hover:nth-child(3){background: rgba(173, 70, 255, 1)}
.why .bg-white ul li:hover:last-child{background: rgba(43, 127, 255, 1)}
.why .bg-white ul li:hover p{color:#fff}
.why .bg-white ul li:hover img{transform:rotate(360deg)}
.why .bg-white .top, .why .bg-white .bottom, .sol-banner .top{background:white;padding: 7px 14px;position: absolute;left: -15px;top: -10px;z-index: 1;border-radius: 65px;font-size: 12px;animation: mover 1s infinite alternate;}
.why .bg-white .top:hover, .why .bg-white .bottom:hover, .sol-banner .top:hover{background: linear-gradient(135deg, #FDC700 0%, #FE9A00 100%);}
.why .bg-white .top:hover, .why .bg-white .bottom:hover, .sol-banner .top:hover{color:#fff!important}
.why .bg-white .top img, .why .bg-white .bottom img, .sol-banner .top img{margin-right:5px;height: 18px;vertical-align: top;}
.why .bg-white .bottom{right: -15px;bottom: -10px;left: initial;top: initial;}
.why .lightorange{padding-bottom: 0!important;}
.why .solutions{}
.why .solutions img{height:100px;margin-bottom: -5px;}
.why .solutions h4{font-size: 16px;margin-bottom: 5px; color:#FF6900}
.why .solutions p{font-size: 12px;line-height:initial;color:#4A5565}
.why .solutions .bg{text-align:left;background:#fff7ed;padding: 12px 15px;border-radius: 10px;position:relative}
.why .solutions .bg:after{content:'';display: block;width: 80px;height: 20px;background: #ffffff;position: absolute;right: 0;top: 0;border-radius: 0px 0px 0px 50px;}
.why .solutions .two .bg{background:#EAF4FD}
.why .solutions .two .bg h4{color:#2889C0}
.why .solutions .three .bg{background:#F4E8FE}
.why .solutions .three .bg h4{color:#573594}
.why .solutions .four .bg{background:##FFF7ED}
.why .solutions .four .bg h4{color:#FF6900}
.why .solutions .five .bg{background: #FEFFED;}
.why .solutions .five .bg h4{color:#FDC200}
.why .solutions .mb-4:hover img{transform:scale(1.1)}

.stack{background-image:url('images/bg.png');background-position: top left;background-repeat: no-repeat;background-attachment: fixed;}
.stack h2{color:#fff}
.stack .item{}
.stack .item .border{border:2px solid #fff!important;padding: 25px;margin-top: 50px;min-height: 250px; margin-bottom:3px;}
.stack .item .border .img{margin-top: -55px;margin-bottom: 30px;background: #000;width: 125px;margin-left: auto;margin-right: auto;}
.stack .item .border img{width:auto; margin:0  auto; height:50px;}
.stack .item .border h4{color: #FF6219;}
.stack .item .border h5{color: #fff;line-height: initial;font-weight: 400;font-size: 18px;}
.stack .item .border p{color: #fff;line-height: initial;}
.stack .item:hover .border{transform:scale(1.03); border-color:#FF6219!important}
.stack .owl-dot{background:#fff!important}

.helps{}
.helps .bg-white{padding-left: 110px!important;position: relative;}
.helps .bg-white img{position:absolute;left: 20px;}
.helps .bg-white h4{color:rgba(255, 105, 0, 1);margin-bottom:5px;}
.helps .bg-white p{line-height:initial}
.helps .bg-white:hover{background: linear-gradient(225deg, #FFA42A 0%, #F54400 100%);}
.helps .bg-white:hover *{color:#fff}
.helps .featured:hover{transform:scale(1.01)}
.helps .border{display:flex; align-items:center; border:0!important}
.helps .border img{margin-right:20px;}
.helps .border h4{margin:0; font-weight:300; font-size:20px;}
.helps .border:hover img{transform:rotate(360deg)}

.minisuite{}
.minisuite h2, .minisuite h5{color:#fff}
.minisuite h6{color: rgba(255, 105, 0, 1);}
.minisuite p{margin: 0;}
.minisuite h5{margin-top:-10px;}
.minisuite .border img{width:100px;margin-left: -25px;}
.minisuite .border .coming{position:absolute; right:40px;; top:0; width:75px;}
.minisuite .border ul{padding: 0;margin: 0;list-style: none;margin: 20px 0;padding-bottom: 20px;border-bottom:1px solid rgba(30, 41, 57, 1)}
.minisuite .border ul li{opacity: .8;margin-bottom: 8px;position: relative;padding-left: 30px;font-size: 13px;}
.minisuite .border ul li:last-child{margin:0}
.minisuite .border ul li:after{content:'\f00c';font-family:fontawesome;position: absolute;left: 0;top: 0;background: rgba(255, 105, 0, 0.1);color: #ff6900;width: 22px;height: 22px;text-align: center;border-radius: 50%;font-size: 12px;line-height: 20px;}
.minisuite .border{background: linear-gradient(135deg, rgba(16, 24, 40, 0.9) 0%, rgba(16, 24, 40, 0.5) 50%, rgba(0, 0, 0, 0.9) 100%)!important;border: 1px solid rgba(30, 41, 57, 1)!important;height: 100%;}
.minisuite .border p, .minisuite .border li{color: rgba(153, 161, 175, 1);}
.minisuite .border:hover{transform:scale(1.01); border-color:#4d4d4d!important}
.minisuite .border:hover p, .minisuite .border:hover li{color: #fff}

.chatbot{background: rgba(255, 248, 241, 1);}
.chatbot:before{content:'';background: linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, #FFFFFF 100%);width: 100%;height: 100px;display: block;position:absolute;bottom: 0px;z-index: 2;}
.chatbot:after{content:'';display:block;background:url('images/chatbot-bg.png');width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-position: top center;background-repeat: no-repeat;background-size: contain;}
.chatbot *{position:relative; z-index:1}

.path{overflow: hidden;}
.path .left, .path .right{position:absolute;left: -35px;top: 50px;width:75px;animation: animName 2s linear infinite;}
.path .right{left: initial;right: -35px;top: initial;bottom: 50px;}
.path ul{display:flex;text-align:center;margin:0;padding:0;position: relative; list-style:none;}
.path ul:after{content:'';display:block;width: 90%;height: 3px;background:#000;position: absolute;left: 0;right: 0;top: 48.5%;margin: 0 auto;border-radius: 25px;}
.path ul li{margin-top: 210px;width: 25%;position: relative;}
.path ul li h4{margin-bottom: 130px;margin-top: -50px;position: relative;}
.path ul li h4:after{content:'';background:url('images/point.png');width: 25px;height: 25px;display: block;position: absolute;left: 0;right: 0;top: 55px;margin: 0 auto;z-index: 1;background-size: cover;transition: all .3s;-o-transition: all .3s;-webkit-transition: all .3s;-ms-transition: all .3s;animation: crescendo 1.5s alternate infinite ease-in;}
.path ul li p{font-size: 18px;color: rgba(52, 52, 52, 1);}
.path ul li .tag{font-size: 15px;padding: 10px 20px;line-height: initial;}
.path ul li:after{content:'';display:block;background:url('images/line.svg');position: absolute;left: 0;right: 0;margin: 0 auto;top: 40px;height: 60px;width: 10px;background-repeat: no-repeat;background-position: center bottom;background-size: cover;}
.path ul li:nth-child(3), .path ul li:nth-child(6){margin: 0;}
.path ul li:nth-child(3) h4, .path ul li:nth-child(6) h4{margin-top: 130px;margin-bottom: 0px;}
.path ul li:nth-child(3):after, .path ul li:nth-child(6):after{transform: rotate(180deg);top: 122px;}
.path ul li:nth-child(3) h4:after, .path ul li:nth-child(6) h4:after{top: -30px;}
.path ul li:nth-child(1) .tag, .path ul li:nth-child(5) .tag{margin:0}
.path ul li:hover h4:after{transform:scale(1.1)}

.commitment{}
.commitment h2{color:#fff}
.commitment .border{border: 1.25px solid rgba(255, 255, 255, 0.2)!important;box-shadow: 0px 31.17px 62.34px -14.96px rgba(0, 0, 0, 0.25)!important;background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 50%, rgba(0, 0, 0, 0) 100%)!important;}
.commitment .border img, .commitment .border p{color:#fff; display:inline-block}
.commitment .border img{margin-right: 15px;}
.commitment .border:hover img{transform:rotate(360deg)}
.commitment .border:hover{border:1px solid #5f5f5f!important; transform:scale(1.01)}
.commitment .border:last-child{margin: 0!important;}
.commitment .featured{margin-bottom: -102px;margin-top: -30px;}

.based{}
.based .center{width: 500px;margin: 80px auto;}
.based .center img{width:200px;}
.based .center p{font-size:16px; color:rgba(0, 0, 0, 0.54); font-weight:300}
.based .lang{background:#fff;border-radius:25px;position: absolute;text-align: left;padding: 15px 25px;}
.based .lang img{width: 70px;position: absolute;left: -40px;top: -20px;}
.based .lang.one{left: 300px;}
.based .lang.two{left: 150px;top: 200px;}
.based .lang.three{top: 380px;left: 250px;}
.based .lang.four{right: 300px;top: 0;}
.based .lang.five{top: 200px;right: 150px;}
.based .lang.six{top: 380px;right: 250px;}
.based .lang.four img, .based .lang.five img, .based .lang.six img{left:initial;right: -40px;}
.based .dot{width: 17px;height: 17px;border-radius: 50%;display: inline-block;vertical-align: middle; margin-right:5px;}
.based .dot.one{background: linear-gradient(90deg, #615FFF 0%, #AD46FF 100%);}
.based .dot.two{background: linear-gradient(90deg, #AD46FF 0%, #F6339A 100%);}
.based .dot.three{background: linear-gradient(90deg, #FF2056 0%, #FF6900 100%);}
.based .dot.four{background: linear-gradient(90deg, #F6339A 0%, #FF2056 100%);}
.based .dot.five{background: linear-gradient(90deg, #FF6900 0%, #FE9A00 100%);}
.based .dot.six{background: linear-gradient(90deg, #FF6900 0%, #FE9A00 100%);}
.based p{color:#000;font-size:18px;display: inline-block;vertical-align: middle;line-height: initial;}
.based .lang.active, .based .lang:hover{transform:scale(1.03)}
.based .lang.active p, .based .lang:hover p{color:#fff}
.based .lang.active .dot, .based .lang:hover .dot{background:#fff!important}
.based .lang.one.active, .based .lang.one:hover{background:#eb6d00}
.based .lang.two.active, .based .lang.two:hover{background:#05ab4e}
.based .lang.three.active, .based .lang.three:hover{background:#ef2505}
.based .lang.four.active, .based .lang.four:hover{background:#00afac}
.based .lang.five.active, .based .lang.five:hover{background:#f82239}
.based .lang.six.active, .based .lang.six:hover{background:#e220df}
.based .center:hover{transform:scale(1.02)}

.cta{position:relative;background: url('https://mitram.ai/wp-content/uploads/2026/01/footer-background.png');background-position: center center;background-size: cover;}
.cta:after{content:'';background-image: url('images/cta-bg.png');background-size: contain;background-position: bottom center;background-repeat: no-repeat;display: block;position: absolute;bottom: 0;width: 100%;height: 100%;opacity: .2;}
.cta *{position:relative; z-index:1}
.cta h2{color:#fff;font-size: 60px;line-height: 1;}
.cta h2 strong{display:block}
.cta p{color:#fff;font-size: 22px;opacity:1}
.cta a:hover{background:#fff!important; border-color: #FF6219!important; color: #FF6219!important}
.cta .buttonborder{background: #000}

footer{}
footer h2{line-height: 1;margin-bottom: 25px;font-size: 30px;}
footer p{font-weight:300}
footer ul{margin: 0;list-style: none;} 
footer ul li{}
footer a{display:block;font-size: 15px;font-weight: 300;opacity: .8;margin-bottom: 15px;}
footer a:hover{color:#FF6219!important}
footer input{background:#FF6219;border-color:#FF6219;color:#fff;width: 100%;}
footer input::placeholder{color:#fff}
footer p{margin:0;}
footer p strong{color:#000!important;}
footer p a{display:inline-block; vertical-align:middle;margin-right:20px;}

.sol-banner{}
.sol-banner .top{position: absolute;}
.sol-banner .one{left: 200px;top: 50px;}
.sol-banner .two{right: 250px;left: initial;top: 20px;}
.sol-banner .three{left: initial;right: 0;}
.sol-banner .hover:hover{transform:scale(1.01)}

.whymsme{}
.whymsme ul{list-style:none;margin: 0;padding: 0;}
.whymsme ul li{display:inline-block;width:15%;vertical-align:top;padding: 0 12px;}
.whymsme ul li img{margin-bottom:15px;}
.whymsme ul li p{font-size: 17px;line-height:initial}
.whymsme ul li:hover img{transform:rotate(360deg);}

.benefits{}
.benefits .border{border: 1px solid rgb(240 236 232) !important;border-bottom:10px solid #ff6900!important;border-radius:50px!important;padding-bottom: 35px!important;}
.benefits .border img{height: 125px;margin-bottom:20px;border-radius: 50%;}
.benefits .border h4{font-size:20px;}
.benefits .border:hover{background:#fffaf6; border-color:#fffaf6!important;border-bottom:10px solid #ff6900!important;}

.teamsgets *{color:#fff}
.teamsgets h4{}
.teamsgets ul{padding: 0;margin: 0;opacity: .8;padding-left: 15px;}
.teamsgets ul li{margin-bottom: 8px;}
.teamsgets ul li:last-child{margin:0}
.teamsgets h4{font-size: 18px;margin-bottom:15px;}
.teamsgets .p-4 img{transition: all .3s;-o-transition: all .3s;-webkit-transition: all .3s;-ms-transition: all .3s; height:50px;}
.teamsgets .p-4{height:100%;background: #1b1b1b;border: 6px solid #000;}
.teamsgets .featured{margin-bottom:-50px;}
.teamsgets .p-4:hover{transform:scale(1.01)}
.teamsgets .p-4:hover h4{color:#FF6219}
.teamsgets .p-4:hover img{transform:rotate(360deg)}

.security{background: url('images/security-Image.png');background-position: bottom center;background-size: contain;background-repeat: no-repeat;overflow: hidden;}
.security:after, .security:before{content:'';background:url('images/security-circle.png');width: 82px;height: 131px;display: block;position: absolute;left: 0;top: 50px;}
.security:after{transform: rotate(180deg);left: initial;right: 0;top: initial;bottom: -50px;}
.security .border{height:100%;background: #fff;}
.security .border img{height: 100px;margin-left: -20px;margin-top: -20px;}
.security .border:hover{transform:scale(1.01); background:#dee2e6}

.development{background:#000}
.development *{color:#fff}
.development h4{font-size:20px;}
.development .border img{margin: -16px;}
.development .border{height:100%;text-align: center;border:1px solid #333!important;}
.development .border.one{border-top:10px solid #1862fc!important;}
.development .border.two{border-top:10px solid #9a17fb!important;}
.development .border.three{border-top:10px solid #01ac41!important;}
.development .border.four{border-top:10px solid #f85200!important;}
.development .border.one:hover{background:#1862fc!important}
.development .border.two:hover{background:#9a17fb!important}
.development .border.three:hover{background:#01ac41!important}
.development .border.four:hover{background:#f85200!important}

.page-banner{}
.page-banner *{color:#fff}
.page-banner a{color: #FF6219!important}
.page-banner span{opacity: .5}
.page-banner span, .page-banner a{margin: 0 5px}

.carousel{}
.carousel p{color:#fff;font-size:20px;opacity:1;display:inline-block;vertical-align:top;margin: 0 60px;position: relative;}
.carousel p:after{content:'';background:url('images/star.svg');display: block;position: absolute;left: -75px;top: 5px;width: 24px;height: 24px;}

.contactform{}
.contactform label{font-size:14px;margin-bottom:8px;font-weight: 300;}
.contactform input, .contactform textarea{width:100%;border: 1.28px solid rgba(229, 231, 235, 1);background: rgba(249, 250, 251, 1);font-weight: 400;padding: 12px 22px;font-size: 16px;}
.contactform .featured{position: absolute;bottom: -10px;left: 0;right: 0;margin: 0 auto;}

.whitelabelportal h3{font-size: 35px;line-height: 1;margin-bottom: 25px;}
.whitelabelportal .bg-dark h3, .whitelabelportal .bg-dark p, .whitelabelportal .bg-dark li, .whitelabelportal .bg-dark h4{color: #fff}
.whitelabelportal ul{margin:0; padding:0; list-style:none}
.whitelabelportal ul li{width:50%;float:left;position: relative;opacity: .8;padding-left: 15px;font-size: 14px;font-weight: 300;margin-bottom: 5px;}
.whitelabelportal ul li:after{content:'';width:5px;height:5px;display:block;background:Red;border-radius: 50%;background-color: #FF6219;position: absolute;top: 10px;left: 0px;}
.whitelabelportal .bg-dark{background: #000!important}
.whitelabelportal .rounded{border-radius:0!important}
.whitelabelportal .two{background: linear-gradient(135deg, #FFF7ED 0%, #FFFFFF 50%, #FFF7ED 100%);}
.whitelabelportal .three{}
.whitelabelportal .four{background: linear-gradient(135deg, #EFF6FF 0%, #FFFFFF 50%, #EFF6FF 100%);}
.whitelabelportal .four .tag{border:1px solid rgba(21, 93, 252, 1)!important;background: rgba(21, 93, 252, .1)!important;}
.whitelabelportal .four .tag, .whitelabelportal .four h3 strong{color:rgba(21, 93, 252, 1)!important}
.whitelabelportal .four ul li:after{background-color: #165dfc!important;}
.whitelabelportal .five{}
.whitelabelportal .six{background: linear-gradient(135deg, #F0FDF4 0%, #FFFFFF 50%, #F0FDF4 100%);}
.whitelabelportal .six .tag{border: 1px solid rgba(0, 166, 62, 1)!important;background: rgba(0, 166, 62, .1)!important;}
.whitelabelportal .six .tag, .whitelabelportal .six h3 strong{color: rgba(0, 166, 62, 1)!important;}
.whitelabelportal .six ul li:after{background-color: rgba(0, 166, 62, 1)!important;}
.whitelabelportal .seven{}
.whitelabelportal .eight{background: linear-gradient(135deg, #EEF2FF 0%, #FFFFFF 50%, #EEF2FF 100%);}
.whitelabelportal .eight .tag{border:1px solid rgba(21, 93, 252, 1)!important;background: rgba(21, 93, 252, .1)!important;}
.whitelabelportal .eight .tag, .whitelabelportal .eight h3 strong{color:rgba(21, 93, 252, 1)!important}
.whitelabelportal .eight ul li:after{background-color: #165dfc!important;}
.whitelabelportal .nine{}
.whitelabelportal .ten{background: linear-gradient(135deg, #FFFBEB 0%, #FFFFFF 50%, #FFFBEB 100%);}
.whitelabelportal .ten .tag{border: 1px solid rgba(225, 113, 0, 1) !important;background: rgba(225, 113, 0, .1) !important;}
.whitelabelportal .ten .tag, .whitelabelportal .ten h3 strong{color: rgba(225, 113, 0, 1)!important;}
.whitelabelportal .ten ul li:after{background-color: rgba(225, 113, 0, 1)!important;}
.whitelabelportal .eleven{}
.whitelabelportal .twelve{background: linear-gradient(135deg, #FFF1F2 0%, #FFFFFF 50%, #FFF1F2 100%);}
.whitelabelportal .twelve .tag{border:1px solid rgba(236, 0, 63, 1)!important;background: rgba(236, 0, 63, .1)!important;}
.whitelabelportal .twelve .tag, .whitelabelportal .twelve h3 strong{color:rgba(236, 0, 63, 1)!important}
.whitelabelportal .twelve ul li:after{background-color: rgba(236, 0, 63, 1)!important;}

.layer{background:url('images/layerbg.jpg');background-size: cover;background-position: bottom center;}
.layer *{color:#fff}
.layer .border{border: 1px solid rgb(76 76 76) !important;height: 100%;background: rgb(0 0 0 / 50%) !important; padding-bottom:0!important}
.layer .border:hover{background: rgb(0 0 0 / 100%) !important; transform: scale(1.02);}

.together{background: rgba(255, 248, 241, 1)}
.together .border{border: 2.06px solid rgba(255, 214, 167, 1)!important}
.together .border:hover{transform: scale(1.02);}
.together .tag-1, .together .tag-2{background:rgba(255, 237, 212, 1);display: inline-block;padding: 6px 12px;font-size: 12px;font-weight: 500;border-radius: 10px;color: rgba(202, 53, 0, 1);margin-bottom: 10px;}
.together .tag-2{background:rgba(240, 253, 244, 1); color:rgba(0, 130, 54, 1)}
.together .tag-1.a{background:rgba(255, 247, 237, 1)}
.together .tag{margin:0;background: rgba(255, 237, 212, 1);color:rgba(202, 53, 0, 1);}
.together h4{margin: 0;font-weight: 500;}
.together p{margin:0;font-size: 13px;}

footer .social{}
footer .social a{margin-right: 5px;margin-bottom: 14px;display: inline-block;}
footer .social a:hover img{opacity:.5}
footer .social img{width:40px;}

.developmentmodels{background:rgba(255, 248, 241, 1);}
.developmentmodels .border{border-radius:20px!important;}
.developmentmodels .one .bg, .developmentmodels .one ul li:after, .developmentmodels .one .buttonorange{background-color: rgba(43, 127, 255, 1);}
.developmentmodels .two .bg, .developmentmodels .two ul li:after, .developmentmodels .two .buttonorange{background-color: rgba(0, 201, 80, 1);}
.developmentmodels .three .bg, .developmentmodels .three ul li:after, .developmentmodels .three .buttonorange{background-color: rgba(173, 70, 255, 1);}
.developmentmodels .four .bg, .developmentmodels .four ul li:after, .developmentmodels .four .buttonorange{background-color: rgba(255, 105, 0, 1);}
.developmentmodels .bg{text-align:center; border-radius:20px 20px 0 0}
.developmentmodels .bg *{color:#fff}
.developmentmodels .bg img{margin: 0px -20px -30px -20px;height: 100px;}
.developmentmodels .bg h4{margin:0;font-size: 20px;font-weight: 400;}
.developmentmodels span{font-size:12px;}
.developmentmodels p{font-size:13px;}
.developmentmodels ul{margin:0; padding:0;}
.developmentmodels ul li{font-size:14px;list-style:none;opacity:.8;position: relative;padding-left: 25px;}
.developmentmodels ul li:after{content:'';background:url('https://mitram.ai/wp-content/uploads/2026/02/tick.png');display: block;width: 15px;height: 15px;position: absolute;left: 0;top: 4px;background-size: 12px!important;background-repeat: no-repeat;background-position: center center;border-radius: 25px;}
.developmentmodels .buttonorange{width:100%;margin-top:20px;text-align:center;padding: 10px 25px; border:0}

.wework{background:#000; position:relative}
.wework h2{color:#fff}
.wework .border{border: 1px solid rgba(255, 255, 255, 0.2)!important;background: rgba(255, 255, 255, 0.1);position: relative;}
.wework .border span{background:rgba(255, 105, 0, 1);box-shadow: 0px 4px 6px -4px rgba(0, 0, 0, 0.1);box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);width:48px;height:48px;display:inline-block;text-align: center;font-size: 20px;color: #fff;border-radius: 30px;line-height: 50px;position: absolute;top: 26px;}
.wework .border h4{color:#fff;padding-left: 65px;font-weight: 400;margin-bottom: 10px;padding-right: 60px;font-size: 18px;}
.wework .border p{color:rgba(198, 210, 255, 0.8);margin: 0;padding-left: 65px;padding-right: 60px;}
.wework .border img{height: 50px;position:absolute;right;right: 20px;top: 25px;}
.wework .left{position:absolute;left:0;top:0;width: 100px;}
.wework .right{position:absolute;right:0;bottom:0;width: 100px;}

.copyright p, .copyright a{margin:0!important; line-height:initial!important; vertical-align:middle; opacity:1}
.copyright a{color:rgba(255, 105, 0, 1);font-weight:bold;position:relative;top: -2px;}

@keyframes animName { 0%{ transform: rotate(0deg); } 100%{ transform: rotate(360deg); } }
@keyframes mover { 0% { transform: translateY(0); } 100% { transform: translateY(-10px); } } @keyframes mover { 0% { transform: translateY(0); } 100% { transform: translateY(-10px); } }
@keyframes taadaa { 0% { opacity: .25; } 100% { opacity: 1; } }
@keyframes crescendo { 100% {transform: scale(1.3);} }

@media(max-width: 1400px){
	.container-fluid{padding-right: 15px; padding-left: 15px;}
}

@media(max-width: 1200px){
	header{}
	header nav{display:none;}
	header nav.open{display:block;position:fixed;left: 0;top: 0;width: 300px;height: 100%;background: rgb(0 0 0 / 95%);}
	header nav.open *{color:#fff; border:0;}
	header nav.open ul{}
	header nav.open ul li{display: block;text-align: left;border-bottom: 1px solid #313131;}
	header nav.open ul li a{padding:20px 10px;font-weight: 300;}
	header .menu-icon{display: inline-block;margin-left: 25px;vertical-align: middle;background: rgb(255 98 26 / 10%);padding: 10px 8px;}
	header .menu-icon.open span{transform: rotate(130deg);top: 6px;position: relative;}
	header .menu-icon.open span:last-child{transform: rotate(45deg);top: -4px;}
	.container{padding: 0 20px;}
	.banner h1{font-size:50px;}
	.banner .buttonorange{padding: 14px 20px;}
	.banner form input[type=text]{width: 40%!important;}
	.helps h3 br, .cta p br{display:none}
	.based .lang.two{left:50px}
	.based .lang.five{right:50px}
	.based .lang.three{left:100px}
	.based .lang.six{right:100px}
	.path ul li:nth-child(even):after{top: 160px;}
	.path ul li:nth-child(even) h4:after{top: -68px;}
	.path ul li h4:after{top: 60px;}
}

@media(max-width: 992px){
	footer ul{padding: 0}
	.contactform h3 br{display: none;}
	.banner h1{font-size:40px;}
	.banner .buttonorange{padding: 14px 10px;}
	.banner form input[type=text]{width:45%!important; margin-right:5px!important;}
	.stats p{padding-left: 70px;font-size: 17px;}
	.stats p br, .cta h2 br, .cta p br{display:none}
	.cta p strong{display: inline-block!important;}
	.chatbot:after{top: 100px}
	.why .dark-orange{position: sticky; top: 70px}
	.why .solutions img{height: 75px;margin: 0;}
	.path ul li p{font-size: 14px;line-height: initial;margin-bottom: 20px;}
	.path ul li:nth-child(even) h4:after{top: -35px}
	.based .lang.one{left: 150px}
	.based .lang.four{right: 150px}
	.cta h2{}
	.whymsme ul li img{width:50px;}
	.whymsme ul li p{font-size:14px;}
	.whymsme ul li{width: 20%;margin-bottom: 20px;}
}

@media(max-width: 767px){
	h2, .cta h2{font-size: 32px}
	h2 br{display: none;}
	.banner .boy{height: initial;}
	header .menu-icon, header .buttonarrow{margin-left: 10px}
	.contactform .featured{position:initial; margin-bottom:-10px;}
	.carousel p{font-size: 16px; margin: 0 40px;}
	.carousel p:after{left: -50px;top: 0px;}
	footer input{width:400px}
	footer .copyright a{margin-bottom: 0}
	footer h2{margin-bottom: 15px; font-size: 22px}
	.stats .col-4{text-align: center;}
	.stats i{position:initial;margin:0 auto;}
	.stats p{padding:0; text-align:center; padding-top:15px;}
	.path ul{display:block; width:100%; float:left}
	.path ul li{width:50%; float:left}
	.path .bg-white{overflow:hidden}
	.path ul:after{display:none}
	.path ul li{margin:0;padding: 40px 0px;}
	.path ul li h4, .path ul li:nth-child(even) h4{margin-bottom: 15px;margin-top: 0;}
	.path ul li:after{display:none}
	.path ul li h4:after{top:0}
	.path ul li .tag{margin:0}
	.path ul li:nth-child(even) h4:after, .path ul li:nth-child(odd) h4:after{top:-40px!important}
	.path ul li:nth-child(4), .path ul li:nth-child(5){padding-bottom:0}
	.commitment .border{width:48%; float:left}
	.commitment .border:nth-child(even){float:right;}
	.commitment .border:nth-child(odd){clear:both}
	.commitment .border p{font-size:14px;}
	.commitment .featured{margin: 0;margin-bottom: -50px;}
	.based .lang.one, .based .lang.two, .based .lang.three{left: 50px!important}
	.based .lang.four, .based .lang.five, .based .lang.six{right: 50px}
	.based .lang.three{top:400px; left:50px}
	.based .lang.six{top:480px}
	.based{padding-bottom:150px!important}
	.based .lang{padding: 10px 15px;}
	.helps .bg-white img{width: 40px;left: 10px;}
	.helps .bg-white{padding: 15px 10px 15px 70px!important;}
	.stack .item .border{padding:20px;}
	.why .bg-white ul li{padding: 12px 50px 12px 15px;}
	.why .bg-white ul li p{line-height: initial;}
	.sol-banner .two{right: 60px;}
	.sol-banner .one{left:0px; top:0}
	.whymsme ul li{width:32%}
	.stats.dark-orange p{padding-left:0;margin-top: 0;}
	.banner p{line-height: initial;}
	.banner p br{display: none;}
	.together h4{margin-bottom: 10px}
	.wework .border p, .wework .border h4{padding-right:0;}
	.wework .border img{display:none}
}

@media(max-width: 575px){
	header .login, header .buttonarrow{display: none;}
	header nav.open{width:280px;}
	footer input{width: 100%}
	footer .copyright a{margin:0 10px;}
	body .based .lang{position:relative;top: initial!important;left: initial!important;width: 80%;margin-bottom: 25px;}
	.based .center{width:100%;margin: 50px 0;}
	.based .lang.four, .based .lang.five, .based .lang.six{right: -20px}
	.based{padding-bottom:50px!important}
	.cta h2{}
	.cta p{font-size: 16px;}
	.cta p br{display:none; line-height:initial}
	.cta h2 strong{display:inline-block;}
	.path ul li, .commitment .border{width:100%}
	.path ul li:nth-child(4){padding-bottom:50px;}
	.stats .col-4 p{font-size:14px;}
	.banner form input[type=text]{width:40%!important; margin-right:5px!important;}
	.banner h1{font-size: 35px;}
	.sol-banner .top{display: none;}
	.whymsme ul li{width:49%}
	.together .tag-1, .together .tag-2{font-size:10px;padding: 3px 12px;}
}

.wpcf7-spinner{position:absolute;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{font-size:12px;margin: 0;margin-top: 10px;}

.modal-content{border-radius:20px;}
.modal-content h5{font-size:25px; margin:0;}
.modal-content .wpcf7-not-valid-tip{font-size:12px;}
.modal-content .modal-header{border-bottom:0;padding-bottom: 0;}