.services-block-image .feature-box-image{
width:100px
}
.service-modern .service-thumb{
display: inline-block;
width: 250px;
}
footer .widget .menu-item-object-miion-services a {
background: transparent !important;
}
.portfolio-meta-list > li:nth-child(1), .portfolio-meta-list > li:nth-child(2), .portfolio-meta-list > li:nth-child(3) {
display:none
}
.footer-middle-wrap {
padding: 50px 0 0 !important;
} .circle_animation_content {margin:0; padding:0; float:left; width:100%;}
.services-graphic-outer{height:900px; position: relative;}
.triangle-outer{width:500px; height:430px; position: absolute; left:50%; top:44%; margin:-215px 0 0 -250px;}
.base-triangle{border-bottom:solid 430px #f1f1f2; border-right:solid transparent 250px; border-left:solid transparent 250px; height:1px; width:1px; position: absolute; }
.traingle-sticks-holder{width:0px; height:0px; position: absolute; left:50%; top: 288px; margin: -2px 0 0 -2px; background: #000;}
.triangle-stick{width:5px; height:300px; background: #48c1c5; position: absolute; bottom:0; -webkit-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%;}
.triangle-stick:before{content:" "; width:14px; height:14px; border-radius:50%; background: #E64D3E; position: absolute; top:-4px; left:-4px;}
.triangle-stick.yellow, .triangle-stick.yellow:before{background:#c84974;}
.triangle-stick.green, .triangle-stick.green:before{background:#c84974;}
.triangle-stick.red, .triangle-stick.red:before{background:#c84974;}
.triangle-stick.stick1{-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}
.triangle-stick.stick2{-webkit-transform: rotate(60deg);-ms-transform: rotate(60deg);transform: rotate(60deg);}
.triangle-stick.stick3{-webkit-transform: rotate(120deg);-ms-transform: rotate(120deg);transform: rotate(120deg);}
.triangle-stick.stick4{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
.triangle-stick.stick5{-webkit-transform: rotate(240deg);-ms-transform: rotate(240deg);transform: rotate(240deg);}
.triangle-stick.stick6{-webkit-transform: rotate(300deg);-ms-transform: rotate(300deg);transform: rotate(300deg);}
.main-circle{position: absolute; width:250px; height:250px; left:125px; top:161px; box-sizing: border-box; z-index: 5; opacity: 1; filter:alpha(opacity=100);}
.main-circle .circle{width:250px; height:250px; border:solid 0px #fff; background: #fff; border-radius:50%; position: absolute; left:50%; top:50%; margin:-125px 0 0 -125px; box-shadow:0 0 0 rgba(0,0,0,.0); -webkit-transition:all .3s .5s; transition:all .3s .5s;} .main-circle .circle span:first-child{display:block; border-radius:50%; box-sizing: border-box; width:200px; height:200px; border:solid 15px #38bfc3; border-right:solid 15px transparent; position:absolute; left:50%; top:50%; margin: -100px 0 0 -100px; -webkit-animation:rotate-clockwise 4s linear infinite; animation:rotate-clockwise 4s linear infinite; -webkit-transition:all .3s .5s; transition:all .3s .5s;}
.main-circle .circle span:last-child{display:block; border-radius:50%; box-sizing: border-box; width:230px; height:230px; border:solid 4px transparent; border-right:solid 4px #38bfc3; position:absolute; left:50%; top:50%; margin: -115px 0 0 -115px; -webkit-animation:rotate-anticlockwise 4s linear infinite; animation:rotate-anticlockwise 4s linear infinite; -webkit-transition:all .3s .5s; transition:all .3s .5s;}
.main-circle .circle h2{text-align: center; text-transform: lowercase; margin: 100px 0 0;}
.main-circle:hover .circle{ width:380px; height:380px; margin:-190px 0 0 -190px; box-shadow:0 0 20px rgba(0,0,0,.0); border:solid 5px #38bfc3; -webkit-transition:all .3s; transition:all .3s;} .main-circle:hover .circle span{opacity:0; filter:alpha(opacity=0); -webkit-transition:all .3s; transition:all .3s;}
.main-circle .service-content{text-align:center; position:absolute; width:260px; top:30px; left:50%; margin-left:-130px;}
.main-circle .service-content h2{position: absolute; width: 100%; font-size:22px; font-weight:bold; top:60px; text-transform:uppercase; -webkit-transition:all .5s .3s; transition:all .5s .3s;font-weight:500;    color: #000; padding:0 ;}
.main-circle .service-content p{margin: 0 0 1em; opacity: 0; filter:alpha(opacity=0); -webkit-transition:all .5s .0s ease-out; transition:all .5s .0s ease-out;}
.main-circle .service-content ul{list-style:none; margin:50px 0 0; padding:0; font-size:1.28em; opacity: 0; filter:alpha(opacity=0); 
-webkit-transition:all .5s 0s ease-out; transition:all .5s 0s ease-out; line-height: 1.5; }
.main-circle .service-content ul li {font-size:18px; line-height:30px;}
.main-circle .service-content ul a{ font-weight: normal;}
.main-circle .service-content ul a:hover{color:#000;}
.main-circle:hover .service-content h2{top:-35px; font-size:26px; color:#c84974; -webkit-transition:all .5s .0s; transition:all .5s .0s;font-weight:500; padding-left:0; padding-right:0;}
.main-circle:hover .service-content p{opacity: 1;filter:alpha(opacity=100); -webkit-transition:all .5s .3s ease-in; transition:all .5s .3s ease-in;}
.main-circle:hover .service-content ul{opacity:1;filter:alpha(opacity=100); -webkit-transition:all .5s .5s ease-in; transition:all .5s .5s ease-in;}
.service-circle{position: absolute; -webkit-transition:all .5s .5s; transition:all .5s .5s; z-index: 1; width:126px; height:126px; cursor: pointer;}
.service-circle .circle{background: #fff; border-radius:50%; box-sizing: border-box; width:126px; height:126px; border:solid 2px #e26749; position:absolute; left:50%; top:50%; margin: -63px 0 0 -63px; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;}
.service-circle .circle div{position:absolute; z-index: 1; border-radius:50%; box-sizing: border-box; width:118px; height:118px; border:solid 10px #e26749; left:50%; top: 50%; margin: -59px 0 0 -59px; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;} .service-circle .circle div span{display:block; position:absolute; z-index: 1; border-radius:50%; box-sizing: border-box; width:118px; height:118px; left:50%; top:50%; margin:-59px 0 0 -59px; background: url(//www.techiebrothers.in/wp-content/themes/images/service-circle-triangle-small-red.png) no-repeat 55% center; -webkit-animation:rotate-clockwise 20s linear infinite; animation:rotate-clockwise 20s linear infinite;  -webkit-transition: all .3s ease-out;  transition: all .3s ease-out;}
.service-circle.green .circle{border:solid 2px #c84974;}
.service-circle.green .circle div{border:solid 10px #c84974;}
.service-circle.green .circle div span{background: url(https://www.techiebrothers.in/wp-content/uploads/2020/03/android.png) no-repeat 55% center;}
.service-circle.red .circle{border:solid 2px #c84974;}
.service-circle.red .circle div{border:solid 10px #c84974;}
.service-circle.red .circle div span{background: url(https://www.techiebrothers.in/wp-content/uploads/2020/03/php.png) no-repeat 55% center;}
.service-circle.yellow .circle{border:solid 2px #c84974;}
.service-circle.yellow .circle div{border:solid 10px #c84974;}
.service-circle.yellow .circle div span{background: url(https://www.techiebrothers.in/wp-content/uploads/2020/03/angular-1.png) no-repeat 55% center;}
.service-circle.icon1 .circle div span{background: url(https://www.techiebrothers.in/wp-content/uploads/2020/03/java.png) no-repeat 55% center;}
.service-circle.icon2 .circle div span{background: url(https://www.techiebrothers.in/wp-content/uploads/2020/03/net.core_.png) no-repeat 55% center;}
.service-circle.icon3 .circle div span{background: url(https://www.techiebrothers.in/wp-content/uploads/2020/03/python.png) no-repeat 55% center;}
.service-circle.service1{left:190px; top:-90px;}
.service-circle.service2{left:445px; top:70px;}
.service-circle.service3{left:445px; top:370px;}
.service-circle.service4{left:190px; top:515px;}
.service-circle.service5{left:-65px; top:370px;}
.service-circle.service6{left:-65px; top:70px;}
.service-circle .service-content{position: absolute; width:180px; height:65px; left: 50%; top:30px; margin-left:-90px; text-align: center; z-index: 5;}
.service-circle h3{position: absolute; top:90px; width:200px; position: absolute; left:50%; margin-left:-100px; text-align: center; text-transform:uppercase; opacity: 1; filter:alpha(opacity=100); -webkit-transition: all .2s; transition: all .2s; font-size: 1.3em; font-weight:normal;}
.service-circle.service1 h3 {font-size:18px;}
.service-circle.service1 h3{top:-90px;}
.service-circle .service-content p{font-size: 15px;opacity: 0;filter:alpha(opacity=0); -webkit-transition:all .3; transition:all .3; margin-top:15px;}
.service-circle:hover .circle{width:280px; height:280px; margin:-140px 0 0 -140px;}
.service-circle:hover .circle div{width:262px; height:262px; margin: -131px 0 0 -131px; border-width:17px;}
.service-circle:hover .circle div span{opacity: 0;filter:alpha(opacity=0);}
.service-circle:hover .service-content{}
.service-circle:hover .service-content h3{top:-45px;}
.service-circle:hover .service-content p{opacity:1;filter:alpha(opacity=100);}
.service-circle.pull-in{left:190px; top:225px; -webkit-transition:all .7s .2s; transition:all .7s .2s;}
@-webkit-keyframes rotate-clockwise{
0%{
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
}
100%{
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate(360deg);
transform:rotate(360deg);
}
}
@keyframes rotate-clockwise{
0%{
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
}
100%{
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate(360deg);
transform:rotate(360deg);
}
}
@-webkit-keyframes rotate-anticlockwise{
0%{
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
}
100%{
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate(-360deg);
transform:rotate(-360deg);
}
}
@keyframes rotate-anticlockwise{
0%{
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
}
100%{
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate(-360deg);
transform:rotate(-360deg);
}
} p, .fbox-content, .section-description {
text-align: justify !important;
}
@media (max-width:500px) {
}
@media (min-width:501px) and  (max-width:767px) {
}
@media (max-width:767px){
}
@media (min-width:768px){
}
@media (min-width:768px) and  (max-width:991px) {
}
@media (min-width:992px) and  (max-width:1199px) {
}
@media (min-width:1200px){
}